html中文本格式化

html中文本格式化
单位：（1）px:像素——图片就是由像素构成的
（2）百分比：相对于父元素来说的——如果父元素使用的大小是16px， 则100%就是16px，50%就是8px
（3）em:相对于font-size来说的 1em=1font-size
颜色：（1）用英文单词表示：常用的有——red、blue、black、gray、green、yellow、white…
（2）用十六进制表示：#000000表示黑色，每组中若有两个数字都一样就可以缩短为三个字符（#000），若没有就要都写上
（3）用rgb值表示：可以使用0_{255的数值来表示，当然也可以用0%}100%百分数来表示
例如：rgb（0，255,0）——绿色；rgb（100%，0%0%）——红色
文字大小：font-size——用来置顶文字的大小，单位是px（像素）
字体：font-family ，字体是根据计算机中是否安装了这种字体；同时也可以指定多种字体
字体的分类： serif（衬线字体）
sans-serif（非衬线字体）
monspace（等宽字体）
cursive（草书字体）
fantasy（虚幻字体）
斜体——font-style：italic
非斜体——font-style：normal
粗体——font-weight：blod
非粗体——font-weight:normal
小型大写字母：font-variant:small-caps
字体属性的简写：font：加粗 斜体 小型大写 大小/行高 字体
行间距：line-height（行高）- font-size（字号）
文本的修饰：text-decoration：none;（underline/overline/line-through）
字母间距：letter-spacing
单词间距：word-spacing
对齐文本：text-algin：center（right/left/justify）;（居中/右对齐/左对齐/两边对齐）
首行缩进：text-indent：？px;（可以设置像素有多少位）

盒子模型
我们在处理网页时，把它想象成一个个的盒子，布局就会相当规整
我们会分为content（内容区）、padding（内边距）、margin（外边距）、border（边框）
（1）内容区：指的是盒子内放置内容的区域，也就是元素中的文本内容，用width和height设置
（2）内边距：指的是元素内容区与边框以内的空间，不包含宽高大小；默认为padding：10px 20px 30px 40px 上下左右
（3）外边距：指的是元素边框与周围元素相距的空间；margin：0 auto 居中；
（4）边框：可以在元素周围创建边框，边框是元素可见框的最外部；border：1px red solid；（1像素，红色，实线）
常用的边框的样式：none——没有边框
dotted——点线
solid——实线
dashed——虚线