客户端网页编程03——CSS

客户端网页编程03——CSS

CSS伪类：active、focus、hover、link、visited、first-chaild、lang

模块

1.行级元素和快级元素

块级元素：独占一行，块级元素的后面无法再放任何内容

                  从页面布局和外观显示来看，一个网页的布局就类似于一篇报纸的排版，首先将网页分成大的模块。然后                     在模块里面再分成小的模块，所以块级元素多用来布局

                  

行级元素：只占一小块空间，后面可以继续放内容

                   行级元素也称为行内标签，内联标签，使用块级元素将网页搭建好了后，使用行级元素来排版。

行级元素和块级元素的区别：

                块级元素速独占一行，比较霸道，行级元素共享一行

                 块级元素支持宽和高，行级元素不支持，行级元素的内容由内容决定

                块级元素常作为容器，可以容纳其它的行级元素和块级元素。行级元素一般用组织内容，即容纳文字、图                     片、超链接

块级元素：div 、p、 h、 hr、 table、 ul、 ol、 form

行级元素：a、span、 lable、 input、 textarea、 br、 img

display: block：表示将元素转换为块级元素

             inline：表示将元素转换为行级元素

             inline-block：行内块级元素，按行级标签排列具有块级元素的属性， img是一个行内块级元素

             none：隐藏，可做下一级菜单

table 布局：  

div布局：

CSS边框模型：

元素：eplement

宽、高：width,height

内边距：padding ，相当于塞海绵，元素永远不可能达到，改变内边距会影响盒子的大小

边框：border

外边距：margin

注意计算盒子的大小：

盒子宽W=eplement的w+padding*2+border*2+margin*2

盒子高H=eplement的H+padding*2+border*2+margin*2

如果父类没有边框，设置 margin-top会将外边距传递到父类（外边距的传递）