- 行级元素(span,strong,em,a,del)-内联元素
Feature:内容决定元素所占位置
不可以通过css改变宽高
display:inline;
2.块级元素(div,p,ul,li,ol,form,address)-块元素
Feature:独占一行
可以通过css改变宽高
display:block;
3.行级块元素
Feature:内容决定大下
可以改变宽高
display:inline-block;
这三者之间可以通过修改display的值互相改变。
在css中设置字体的大小只能设置字体的高!!
font-size: px;//字体大小
font-weight: normal,bold,bolder,lighter;//字体粗细
/* 400 700 strong 细体 */
font-style: italic;//斜体
font-family: ;//字体类型
/* arial cuesivegeorgia verdana helvetia simsun */
color: ;//字体颜色
/* 1.土鳖式(纯英文单词)red,green,transparent(透明色)...
2.颜色代码:#f40(淘宝红)
3.颜色函数 reb(0,255,255)*/
border: 1px solid black;
/* 粗细 展示形式 颜色; */
border-width: 20px;/* 边框大小 */
border-style: ;/* 边框样式 */
/* solid 实心,dotted 点状虚线,dashed 条状虚线 */
border-left-color: red;
/* 左边三角形的颜色 可以设置每一条边 透明色画三角形 分开写的会覆盖前面的*/
text-align: ;/* 对齐方式 默认left*/
/* content 居中,right 右对齐 */
line-height: ;/* 单行文本所占的高度 */
/* 单行文本垂直居中:单行文本所占的高度=容器高度 */
text-indent: 2em;/* 首行缩进 */
text-decoration: line-through;/* 删除线 */
/* none没有线,underline下划线 overline上划线 */
cursor: ;/* 鼠标的形式 */
/* pointer小手形式,help问号形式,e-resize左右拖拽,w-resize上下
copy,move */
a:hover{ /* 伪类选择器 */
background-color: orange;
}
/* 当鼠标移到a上面之后,会发生什么变化 */