CSS的重点内容
以下为《CSS的重点内容》的无排版文字预览，完整格式请下载
下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。
CSS要学习的内容：
*盒模型
知晓盒模型的构成。
*常用属性
CSS常用属性
css属性
在C2里有120多种属性，但是核心的常用的只有30多种：字体6个，文本4个，表格3个，定位6个，列表1个，布局4个，盒模型6个
css的属性值
一个属性就对应一个属性值，很多属性都有一个共用的属性。而共用的属性有四个：
①颜色值：有三种表示方式，颜色名也就是英文名。如red、green、blue。这种表示方式用的很少。
②十六进制：如一共6个数，每两位表示一种颜色，红绿蓝如果两位数相同我们可以只写一位。
③rgb函数表示：color：rgb(255，255，255) 取值范围是0-255
④css3中出现了rgba，rgba和rgb一样，只是多了一个a用来添加透明度；
长度单位
一般有两种
px：表示像素，一般使用这个
em：表示字体高度，一般在适配方案里进行设置并使用
字体设置font
font-family
用来设置我们使用什么样的字体
font-size
设置字体的大小
font-style
用来设置字体是正常体还是倾斜体
normal：默认值。与浏览器一致
Italic：浏览器会显示一个斜体的字体样式
oblique：浏览器会显示一个倾斜的字体样式
Inherit：规定应该从父元素继承字体样式
font-weight
用来设置字体是正常体还是粗体
normal：默认值。定义标准的字符。
bold ：定义粗体字符。
bolder：定义更粗的字符。
lighter：定义更细的字符。
100、200、300、400、500、600、700、800、900：定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
Inherit：规定应该从父元素继承字体的粗细。
color
用来设置字体的颜色
文本设置：text
text-decoration
用来设置文本的修饰线
none：默认。定义标准的文本
underline：定义文本下的一条线
overline：定义文本上的一条线
line-through：定义穿过文本下的一条线
blink：定义闪烁的文本(好像没什么用，暂时没什么发现)
inherit：规定应该从父元素继承该值
text-indent
用来缩进文本的
text-alige
用来设置文本的对齐方式
left：把文本排列到左边。默认值：由浏览器决定。
right ：把文本排列到右边。
center：把文本排列到中间。
justify：实现两端对齐文本效果。(1、justify只对英文起作用，中文无效。2、justify是两端对齐，不是分散对齐，一定要和world进行对比来理解。)
inherit：规定应该从父元素继承该值。
font-weight
用来设置字体是正常体还是粗体
normal：默认值。定义标准的字符。
bold ：定义粗体字符。
bolder：定义更粗的字符。
lighter：定义更细的字符。
100、200、300、400、500、600、700、800、900：定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
Inherit：规定应该从父元素继承字体的粗细。
lint-height
用来设置行高。
一般情况下我们使用这个属性来让内容垂直居中
盒模型设置
width
宽
height
高
padd 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 可选。
建议优先使用这个属性，而不是将三个分开写，因为浏览器会计算相关属性。
这个值有两个快捷键：auto(意思是：1 1 auto)none(0 0 auto)
Align-self属性定义单个项目区别于其他的对齐方式，可覆盖align-items。
默认值为auto，表示继承父元素的align-items。如果没有父元素，则等同于stretch。
.item{ align-self: auto | flex-start | flex-end | center | baseline | stretch}
该属性可取6个值，除了auto外均与align-items一致。
[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]请点击下方选择您需要的文档下载。
以上为《CSS的重点内容》的无排版文字预览，完整格式请下载
下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。