视频学习_css基础学习

块状元素 block element

容器元素  设置高宽 width height  可以容纳 文本 内脸 和其他块状

霸道  独占一行

特例：form  只容纳 块状元素

常见元素

http://www.w3cfuns.com/portal.php?mod=topic&quickforward=1&topicid=21

内联元素  inline element 非块状元素

不独占一行 只容纳文本  和内联

常见的 有a

相当与气球 内容越多越大

内联元素不能包含块状元素  气球不能装盒子

块状元素 怎么控制

float:left 消除霸权 让独占不起作用

display:block 内联转化成块状元素 让宽度高度起作用 最经常的运用就是运用在导航条上

hi 元素  可以提高重要性

-------------------------------------------------------------------华丽丽分割线----------------------------------------------------盒子模型-

内容：content     width height  只控制content

边框：border

内边距：padding

外边距：margin

制作页面内边距 边框 会让盒子变大  外边距  会使盒子位置发生改变「·

外边距  相接处距离  水平 相加   垂直取最大值

平时的话就不需要设置两个  设置一个就行

-----------------------------------------------------------------------------------------------------

css控制页面方式四种方法

----------------------------------------------------------------------------------------------------------

导入 直接不学

谁离标签近  就表现那一个

css选择器  定向 控制页面元素

标签选择器

通用选择器

用来重置标签

重置各个浏览器缺省（默认的）的css代码

做声明使用

伪类选择器 ：link ：visited ：hover ：active

鼠标移动上去的效果 ：hover

ie6 只支持a的伪类

谁更加精准 越优先

id 类 标签 通用  高>低

id前面加#

类加 点.

选择器集体声明

提公因式 节省代码

选择器嵌套

根据级联样式 定义css 精简结构

p.content {font-size:14px;}是指定选择符 用来指定页面内的某个类选择器为content的p标签内的文字大小为14px

p空格.content {font-size:14px;} 是选择器的嵌套 用来指定页面的p标签且内部类选择器为content的标签内的文字大小为14px

css代码缩写。

颜色缩写

css内外边距缩写   margin：10 px 0px 10px 10px这种情况不能缩写 auto是自动

文本流