css3-day03内容

day03内容
老师所讲内容
font-style
设置文本斜体
normal 正常,不斜体【默认】
italic 斜体
oblique 模拟斜体
W3C组织
80%成员是各大浏览器厂商
text-decoration 修饰文本
火狐
mozilla
-moz-
IE
微软
-ms-
谷歌,safari浏览器
-webkit-
o鹏
-o-
HTML和css规范

1.显示与隐藏的三种
(1)display不占空间
(2)visibility占空间
(3)opacity占空间
2.w3c设置的宽高是内容区的宽高
w3c盒子内容区的宽高
内容区的宽:width
内容区的高:height
w3c盒子的宽高
盒子的宽:内容区的宽 winth+paddingleft+paddingright+borderleft+borderright
盒子的高:内容区的高height+paddingtop+paddingbottom+bordertop+borderbottom
w3c盒子的所占屏幕空间的宽高
盒子的宽:内容区的宽width+paddingleft+paddingright+borderleft+borderright+marginleft+marginright
盒子的高:内容区的高height+paddingtop+paddingbottom+bordertop+borderbottom+margintop+marginbottom
3.设置为ie盒子box-sizing: border-box;设置的宽高就是盒子的宽高
内容区的宽高
宽:width-paddingleft-paddingright-borderleft-borderright
高:height-paddingtop-paddingbottom-bordertop-borderbottom
盒子的宽高
宽:width
高: height
所占屏幕的宽高
宽:width+marginleft+marginright
高:height+margintop+marginbottom

发布了24 篇原创文章 · 获赞 1 · 访问量 420

猜你喜欢

转载自blog.csdn.net/hanmiao12345/article/details/104659482