css 样式表

css 剩余知识点汇总
1.伪元素
:focus{
color:red;

}例如:input:focus{    background-color:yellow;}<input type = "text" name = "username" />//当输入内容的时候,显示的背景颜色为黄色.

2.伪元素
.first-line{
color:red;
}

例如:    p.first-line{        color:red;    }    效果为:p标签的首行显示为红色.

3.first-letter
.first-letter{
color:red;
}

例如:    p.first-letter{        color:red;    }    效果为:首行的首字母显示为红色.

4..before .after 在标签的首位置和尾位置,插入内容.

5.选择器的优先级:
因此这三个简单选择器的优先级顺序为：HTML标签属性>id选择器>类选择器>元素选择器

6.css 样式表的使用方式:
1.background-color: 设置背景颜色
transparent 透明
inherit 继承父类颜色

2.background-image  设置背景图片    background-repeat  设置背景图片是否重复.    repeat 横向纵向都重复    repeat-x  横向    repeat-y 纵向    no-repeat 不重复3.background-position  设置背景图片的位置    top,left...    x% y%    xpx ypx;3.color  字体颜色    inherit  继承父类颜色4.文字缩进    text-indent  设置缩进(多行内容只有第一行缩进)    xpx  像素    x% 基于父元素宽度的百分比    inherit 继承父元素的文字缩进属性5.文本对其方式 text-align    left    right    center6.font-size  字体大小    xpx  7.font-family  设置字体    times Georgia8.font-style  字体风格    italic 斜体    normal 正常显示    ....9.font-weight 字体加粗设置    normal 正常显示    bold  加粗    bolder bold的扩展    lighter bold的缩减    整数值....10.letter-spacing  字母间距    默认是011.word-spacing  字间距12.text-transform 字符转换    none 不做处理    uppercase 大写    lowercase 小写    capitalize 首字母大写13.text-decoration  文本修饰     none 不做处理    underline  下划线    overline 上划线    line-through 文字中间的贯穿线    bink 闪烁效果14.list-style-type  列表的标志类型    none 无标志    disc 实心圆    circle 空心圆    square 实心方块    decimal 数字标志    lower-roman  小写罗马文    upper-roman 大写罗马文    lower-alpha 小写字母    upper-alpha 大写字母15.表格边框    border 属性设置表格边框    border-collapse  设置边框折叠为单一边框    text-align(水平) vertical-align(垂直)  文本对其方式    padding 控制表格中内容与边框的距离    border-spacing 设置分隔单元格边框的距离    caption-side 设置表格标题的位置    empty-cells 设置是否显示表格中的空单元格    table-layout  设置显示单元.行.列算法16.outline 轮廓    outline是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用    outline-color 颜色    outline-style 轮廓的样式    outline-width 轮廓的宽度