块状元素 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是自动
文本流