A我今天学到了什么？
样式的继承
定义：继承是子元素对父元素的继承
width如果子元素没有设置宽度，默认状态下继承父元素的宽度
height如果父元素没有设置高度，默认状态下继承子元素的高度
css可以继承的属性
文本：color,text-align,text-decoration,text-transform.text-indent(内联标签能设置此属性)
字体：font-family,font-style,fort-size,font-weight,line-height
列表：list-style
表格：border-collapse
其他：corsor(光标)，visibility(清晰度)
浮动（float）
目的：为了让元素并排显示
清除浮动的三种方式
(1)给下面的兄弟元素给clear:both;
(2)给父级加overflow:hidden;
(3)用伪元素,给父级内容生成
.row:before{
display:table;
content:””
}
.row:after{
display:table;
content:””
clear:both;}（最常用第三种）
定位（position）
position:absolute | relative(相对定位和绝对定位)
Relative 定位
相对定位元素的定位是相对其正常位置。
postion:relative
Absolute定位
绝对定位的元素的位置相对于最近的相对定位的父元素，如果没有已定位的父元素，那么它的位置相对于<html>:
都通过left,top,right,bottom移动
z-index:设置元素的堆叠顺序 给position:absolute绝对定位的元素
当子元素没有设置宽度，如果设置了绝对定位,它不会继承父元素的宽度
元素水平垂直居中的方法
父元素设置parent{position:relative}
子元素设置child{position:adsolute;left:50%;top:50%;margin-left:-50%*child*width;margin-top:-50*child*height;}
三种CSS样式的引入方式
外部样式表（<link rel="stylesheet" type="text/css" href="/c5.css">）
内部样式表(位于head标签的内部)
内联样式（在html元素的内部）
给同一选择器设置同一样式，离元素近的样式设置方式优先级高
B今天我掌握了什么？
样式的继承
css可以继承的属性
浮动（float）
定位（position）
C今天我没有掌握什么
没有，只是运用不熟练
网友评论