无名商城论坛

搜索
查看: 348|回复: 0

[其他技术] 【万圣节】CSS基本属性介绍

[复制链接]

1万

主题

1万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
32464
发表于 2022-5-8 18:45:36 | 显示全部楼层 |阅读模式
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即可定位到指定位置,一般不常用)

新人发帖,大佬勿喷[滑稽][爱心]
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表