视频学习_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是自动

文本流

原文地址:https://www.cnblogs.com/aix1314/p/3754260.html