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的加载

  1. 浏览器默认样式
  2. 用户自定义样式
  3. 作者自定义样式

定义样式

  1. 元素开始标记中使用style属性添加样式(内嵌)
  2. 在head标记中使用style标记指定样式(内联)
  3. 在head标记中使用link外部链接一个CSS文件(外联)

CSS语法规则

标记/标签选择器

{
声明;
属性:属性值;
}

伪类选择器

a:link 初始
a:visited 访问后
a:hover 鼠标移入||鼠标悬停
a:active 点击时-一瞬间
li:nth-last(倒数)-chid(odd奇数;even偶数;3n+1表示循环)

后代选择器

p空格span

子级选择器

pspan

并集选择器

h1,h2,h3,span,p,li,box1......

通配符 *

*{margin:外边距;padding:内边距;}

伪元素选择器

div:first-letter(line):font-size:30px;

选择器权重

!importantstyleidclass元素*

层叠机制

通过多个渠道完成,样式属性不同直接作用元素;元素相同判断权重,权重相同,后覆盖前;权重不同,以权重大的为准

继承

子级样式不是显式声明,从父级继承;但子级可以单独声明样式并且不影响父级;文字类型的样式会被继承

CSS中常用的五种编辑属性

原文地址:http://www.cnblogs.com/huangyiwu/p/7257870.html


最新回复(0)
/jishuPMhwRngZf4L45ksJ4hGtVQV2HXX2Xk5_2FDEH6TA_3D_3D4719381
8 简首页