CSS中常用的五种编辑属性
CSS 字体属性
属性 描述
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family 设置字体系列。
font-size 设置字体的尺寸。
font-style 设置字体风格。
font-variant 以小型大写字体或者正常字体显示文本。
font-weight 设置字体的粗细。
CSS 文本属性
属性 描述
color 设置文本颜色
direction 设置文本方向。
line-height 设置行高。
letter-spacing 设置字符间距。
text-align 对齐元素中的文本。
text-decoration 向文本添加修饰。
text-indent 缩进元素中文本的首行。
text-transform 控制元素中的字母。
unicode-bidi 设置文本方向。
white-space 设置元素中空白的处理方式。
word-spacing 设置字间距。
CSS 边框属性
属性 描述
border 简写属性,用于把针对四个边的属性设置在一个声明。
border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。
border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。
border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。
border-bottom 简写属性,用于把下边框的所有属性设置到一个声明中
border-left 简写属性,用于把左边框的所有属性设置到一个声明中。
border-right 简写属性,用于把右边框的所有属性设置到一个声明中。
border-top 简写属性,用于把上边框的所有属性设置到一个声明中。
CSS 列表属性(list)
属性 描述
list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。
list-style-image 将图象设置为列表项标志。
list-style-position 设置列表中列表项标志的位置。
list-style-type 设置列表项标志的类型。
CSS 背景属性
属性 描述
background 简写属性,作用是将背景属性设置在一个声明中。
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
background-color 设置元素的背景颜色。
background-image 把图像设置为背景。
background-position 设置背景图像的起始位置。
background-repeat 设置背景图像是否及如何重复。
CSS
- CSS全称:Cascading Style Sheets.
- 层叠样式表、级联样式表.
- 是一种用来表现HTML文件样式的计算机语言
CSS的加载
- 浏览器默认样式
- 用户自定义样式
- 作者自定义样式
定义样式
- 元素开始标记中使用style属性添加样式(内嵌)
- 在head标记中使用style标记指定样式(内联)
- 在head标记中使用link外部链接一个CSS文件(外联)
CSS语法规则
标记/标签选择器
{
声明;
属性:属性值;
}
伪类选择器
a:link 初始
a:visited 访问后
a:hover 鼠标移入||鼠标悬停
a:active 点击时-一瞬间
li:nth-last(倒数)-chid(odd奇数;even偶数;3n+1表示循环)
后代选择器
p空格span
子级选择器
p>span
并集选择器
h1,h2,h3,span,p,li,box1......
通配符 *
*{margin:外边距;padding:内边距;}
伪元素选择器
div:first-letter(line):font-size:30px;
选择器权重
!important>style>id>class>元素>*
层叠机制
通过多个渠道完成,样式属性不同直接作用元素;元素相同判断权重,权重相同,后覆盖前;权重不同,以权重大的为准
继承
子级样式不是显式声明,从父级继承;但子级可以单独声明样式并且不影响父级;文字类型的样式会被继承