首页 > 编程源码 > 【万圣节】CSS基本属性介绍

【万圣节】CSS基本属性介绍

楼主:咲夜酱吖✨ [1级] · 2019-11-1 ·  浏览628 · 编程源码 · ID:
CSS 指层叠样式表(Cascading Style Sheets)。 在我们的 CSS 教程中,您将学习如何使用 CSS 同时控制整个站点的样式和布局。 通过与 XHTML 结合,CSS 可以帮助我们实行表现与结构分离的开发模式。 通过使用 CSS 来提升工作效率!

下面是一些基本的CSS属性介绍:

1、层叠性:当出现相同的选择器时,属性冲突的时候,后面的属性会把前面的属性
覆盖掉。
2、继承:当存在父子关系的时候,子元素会继承父元素的部分属性
注意: a标签不会继承颜色;h标签不继承字体大小
3、优先级:当有多个选择器作用在同个元素上时,到底谁有效果?
优先级顺序:继承性 通配符 * 标签选择器 类选择器 id选择器 行内样式 ! important(影响的只是单一的属性)
4、权重计算:当有多个复合选择器作用在同一个元素上时哪个有效?
权重顺序确定方式:
1)确定选择器是否直接作用到目标选择器,若没有则是继承,继承的权重为0(是个人都能干掉它)
2)确定是否有行内样式以及!important,若没有则权重最高。
3)数数
4)先数id,id多的权重最高
5)再数类,类多的那么权重高
6)最后数标签 ,如果标签多的那么权重高
7)当权重相同(相同的选择器)时,考虑后来者居上(层叠性)
5、行高:控制文本的垂直位置。
当文本没有设置高度时,行高就是容器的高度。
line-height:300px;
font :20px/300px "楷体"
font中有个隐藏属性:行高,且行高需要卸载font的前面,否则不能实现垂直方向上
的居中显示。
6、首行缩进:text-indent(一般用于隐藏不需要看到的文字,如logo)
7、常用属性:autofocus(自动获得焦点)
multiple(多文件上传)autocomplete(需要添加“name”属性方可有效使用,控制表单是否有自动完成属性,即自动记录文本框历史输入的值)accesskey="k"(可利用快捷键获得焦点:alt+k即可定位到指定位置,一般不常用)

新人发帖,大佬勿喷
- 版权声明 - 1、本帖所有言论和图片等纯属网友个人意见,与流星社区立场无关;
2、其他单位或个人使用、转载或引用本帖时必须同时征得该帖子作者咲夜酱吖✨流星社区的同意;
3、备注原文地址:https://bbs.liuxingw.com/t/16592.html,可忽略第2条;
4、帖子作者需承担一切因本文发表而直接或间接导致的相关责任;
5、如本帖内容或部分内容转载自其它媒体,这并不代表本站赞同其观点和对其真实性负责;
6、如本帖若为资源类,将仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您安装或使用的设备中彻底删除上述内容;
7、如果您喜欢该程序,请支持正版软件,购买注册,可以得到更好的正版服务;
8、如本帖侵犯到任何版权或违法问题,请立即邮件告知我们,我们将及时予以处理。
2条回复 |  最后回复于2019-11-1

互撸娃 [2级]

正在学习这个,关注了
发布于2019-11-1

回复列表

  • 内容加载中...

说点什么...

小宇⊙▽⊙ [2级]

我的天?什么东西
发布于2019-11-1

回复列表

  • 内容加载中...

说点什么...
登录注册 后才可进行评论
签到
7人签到
已签0天
  • 46634帖子
  • 1936782热点量
  • 184964火热值