笔记

css基础语法:
h1(选择器){color(属性):#ff0000(值);}
注意:
1、多个声明用“;”隔开
h1{color;#f0000;font:15px;}
2、每条声明由一个属性和一个值组成
h1{color:#ff0000;}
3、属性和值之间用“:”隔开
h1{color:#ff0000;}
4、每个声明用“;”结束
h1{color:#ff0000;}
5、属性可简写,根据css3规范建议写
h1{font-size:15px;<font:15px>}
6、多个选择器共用一个声明,用“,”隔开
h1{color:#ff0000;}
7、每个选择器可以拥有多条声明
h1{color:#ff0000;
font:15px;
}
8、不要在属性值与单位之间留有空格,否则浏览器可能不能读取数据


权重值:

第一等:内嵌,开始标签style,权值为10000

第二等:id选择器 如:#content,权值为0100

第三等:类,伪类选择器 如:div p ,权值为0010

第四等:元素选择器,伪元素选择器 如:div p,权值为0001

目前解决兼容性的方法:<!DOCTYPE>和reset技术(现在一般用Normalize)


伪类:
1、a:link{color:red} 未访问链接的颜色
2、a:visited{color:red} 已访问的链接
3、a:hover{color:red} 鼠标移动到链接上
4、a:active{color:red} 选定的链接
顺序不能乱

p:first-line
{
color:#ff0000;
font-variant:small-caps;
}
注释:"first-line" 伪元素只能用于块级元素。

注释:下面的属性可应用于 "first-line" 伪元素:

font
color
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear


:first-letter 伪元素
"first-letter" 伪元素用于向文本的首字母设置特殊样式:

p:first-letter
{
color:#ff0000;
font-size:xx-large;
}
注释:"first-letter" 伪元素只能用于块级元素。
注释:下面的属性可应用于 "first-letter" 伪元:
font
color
background
margin
padding
border
text-decoration
vertical-align (仅当 float 为 none 时)
text-transform
line-height
float
clear


CSS背景:
background 简写属性,作用是将背景属性设置在一个声明中。
background-size 尺寸
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
background-color 设置元素的背景颜色。
background-image 把图像设置为背景。
background-position 设置背景图像的起始位置。
background-repeat 设置背景图像是否及如何重复。

例:div{width:500px; height:500px;
background:url("背景图片")on-repeat
background-size:500px 500px;
}

CSS文本:
color设置字体颜色 属性:
color 设置文本颜色
direction 设置文本方向。ltr(left to right)
line-height 设置行高。 可以用来垂直居中
letter-spacing 设置字符间距。
text-align 对齐元素中的文本。 对齐的方式 left right center
text-decoration 向文本添加修饰。 可以用来去掉a标签的下划线
text-indent 缩进元素中文本的首行。
text-transform 控制元素中的字母。 可以转换大小写包含(none 带有字母大小写的标 lowercase 小写)
white-space 设置元素中空白的处理方式。
word-spacing 设置字间距。


CSS字体:
CSS 字体属性
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family 设置字体系列。
font-size 设置字体的尺寸。
font-size-adjust 当首选字体不可用时,对替换字体进行智能缩放。
font-stretch 对字体进行水平拉伸。
font-style 设置字体风格。
font-variant 以小型大写字体或者正常字体显示文本。
font-weight 设置字体的粗细。
一般掌握设置字体的大小、风格和粗细

CSS 列表属性(list)
list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。
list-style-image 将图象设置为列表项标志。
list-style-position 设置列表中列表项标志的位置。
list-style-type 设置列表项标志的类型。


CSS Table 属性

border-collapse 设置是否把表格边框合并为单一的边框。
border-spacing 设置分隔单元格边框的距离。
caption-side 设置表格标题的位置。
empty-cells 设置是否显示表格中的空单元格。
table-layout 设置显示单元、行和列的算法。
主要掌握border-collapse

CSS 边框属性

outline 在一个声明中设置所有的轮廓属性。
outline-color 设置轮廓的颜色。
outline-style 设置轮廓的样式。
outline-width 设置轮廓的宽度。

posted @ 2016-09-17 16:52  隔壁老王就是我  阅读(100)  评论(0编辑  收藏  举报