CSS

块元素:div p h1 h6 ul li 从上往下排

内联元素 (行内元素):span a  img iframe input   从左往右排

可以包含任意

块包含内联

p选择器{ 声明块}

border - style:

solid 实线

dashed 虚线

dotted 点化线

长度单位

像素px 百分比 em(自适应网页)

定义列表 dl dt dd

标签用于表示一段内容中的着重点。

标签用于表示一个内容的重要性。

这两个标签可以单独使用,也可以一起使用

i标签会使文字变成斜体。

b标签会使文字变成粗体。

这两个标签和em和strong一样,但是这两 个标签没有语义。

em显示为斜体,而strong显示为粗体.(不需要强调内容时使用)

div  使用width来设置盒子内容区的宽度   使用height来设置盒子内容区的高度

width和height只是设置的盒子内容区的大小,而不是盒子的整个大小,盒子可见框的大小由内容区,内边距和边框共同决定

border-width:边框的宽度

border-color:边框颜色

border-style:边框的样式

使用border-width可以分别指定四个边框的宽度

如果在border-width指定了四个值

则四个值会分别设置给上、右、下、左,按照顺时针的方向设置的

如果指定三个值

则三个值会分别设置给上、左右、下

如果指定两个值

则两个值会分别设置给上下、左右

如果指定一个值,则四边全都是该值

内边距(padding),指的是盒子的内容区与盒子边框之间的距离,一共有四个方向:

padding-top

padding-right

padding-bottom

padding-left

内边距会影响盒子的可见框的大小,元素的背景会延伸到内边距

盒子的大小由内容区、内边距和边框共同决定

你可能感兴趣的:(CSS)