CSS基础语法三

CSS属性

css基本属性

1. 可继承属性:可传递子标签.
   一般都是文字控制属性(如文字颜色等)

全部标签可继承:
color,font-size,
visibility:规定元素是否可见,
cursor:一些不同的光标.

内联(行内)标签可继承:
color,font-family:字体样式,text-decoration:去掉下划线等

2. 不可继承属性:不可传递子标签.
   一般都是区块控制属性(标签大小等)

如:backgroud-color,width,height,display,
mrgin.border,padding.
等

CSS盒子模型

网页上的每个标签都是一个盒子.

1. content:内容
2. padding:内边距,与iOS有点不一样.类似电脑外部保护的填充物
3. border:边框:电脑纸盒子
4. 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 + .:折叠代码. 自己查阅下网站查询属性.

测试