第5天自学前端-运营狗-css样式

需要勇气的一天，加油，昨天在微信订阅号上搜索很多关于前端的订阅号，各位大佬给出的建议是基础很重要啊！
一 css常用属性
1 字体：在中文网页中，常用的字体—宋体，英文—Arial;
2 行高设置的小技巧

如果说12px , 14px 设置行高为1.5-1.8 之间；

字号越大，行高越小；
二css小技巧
1 如何设置，区块中内容垂直方向上居中：将区块中的行高与区块的高度相同；（前提条件：内容只能说一行）
2 css样式的特点
1）网页中子元素，将要继承父元素的样式
例如：要控制段落中的p中的文字的大小，可以直接给body标记加样式；
2）层叠：网页中子元素定义了与父元素相同的样式，则子元素的样式将覆盖掉父元素的样式；即后面定义的样式将要覆盖前面的样式；
3 css优先级
id选择器>类选择符>html 标记选择符
css优先级：就近原则，
*作用范围越小，优先权越高；
*离要修饰目标越近的样式优先权越高；

4 选择符优先权：
行内>id >class>类型选择符

我们可以采用!important 语法来提升重要性【优先权】

p{backgroud-color:#fff !important;IE6不支持}

5 css控制文本属性
1）设置对象中的文本缩进：text-indent:length
text-indent:2em;
2)文本水平对齐方式：text-align:left center right;
3)对象中空白处理：white-space:normal[自动换行]pre[换行和空白受保护]nowrap[强行在同一行显示]
4）文本大小写控制：text-transform:none(正常大小)
5）元素的垂直对齐方式：vertical-align:sub[设置文字为下标] super[设置文字为上标]top[把元素的顶端与行中最高元素的顶端对齐]text-bottom[把元素的低端与父元素字体的低端对齐]
6 css控制链接–css伪类

状态	语法
未访问的链接	a:link{color:#fff}
已经访问的链接	a:visited{color:#00ff00}
鼠标移动到链接上访问的链接	a:hover{color:#ff00ff}
鼠标按下链接	a:active{color:#00ff00}

伪类用于向某些选择器添加特殊的效果
语法
选择符：伪类名称{属性：值}
a:hover{color:#fff}

标签指定选择符：如果既想使用id 或class也想同时使用标签选择符
h1#content{} 表示所有id为content的h1标签
h1.p1{}表示所有class为p1的h1标签
7 css控制背景图片
背景图片的位置
background-position{0 0 }