CSS属性
css基本属性
- 可继承属性:可传递子标签.
一般都是文字控制属性(如文字颜色等)
全部标签可继承:
color,font-size,
visibility:规定元素是否可见,
cursor:一些不同的光标.
内联(行内)标签可继承:
color,font-family:字体样式,text-decoration:去掉下划线等
- 不可继承属性:不可传递子标签.
一般都是区块控制属性(标签大小等)
如:backgroud-color,width,height,display,
mrgin.border,padding.
等
CSS盒子模型
网页上的每个标签都是一个盒子.
- content:内容
- padding:内边距,与iOS有点不一样.类似电脑外部保护的填充物
- border:边框:电脑纸盒子
- margin:外边距:电脑盒子外面的东西.盒子摆放不能堆在一起,盒子之间保持缝隙.
注意理解与iOS的区别,iOS中padding,margin都是控件本身往里面压缩,但是web中,padding和margin是往外延伸,不算在内容(标签)本身内
标准的盒子模型:标签的高度和宽度是以content内容为准的!!!
了解IE盒子模型.不需要掌握
标准盒子模型.png
content内的属性:
height,width,max-height,max-width,min-height,min-height.
最大最小做适配和兼容用的.
padding内的属性:
padding(默认上右下左记顺时针旋转),padding-bottom,padding-left,padding-right,padding-top.
border内的属性:
border(默认宽度,样式,颜色或者查一下),border-width,border-style,border-color.
margin内的属性:
margin(默认上右下左记顺时针旋转),margin-bottom,margin-left,margin-right,margin-top.
padding默认语法.png
margin默认语法.png
command + .:折叠代码. 自己查阅下网站查询属性.
测试
