学习笔记

2017年9月22日

学习笔记与总结

1.回顾了一些标签

2.css优先权

内联样式 id 类 属性

3.css样式入门：

命名规则：字母&数字&下划线&$（数字不能放开头）

4.css文本属性：

/*字体粗细 strong b*/

font-weight: bold;

/*字体大小*/

font-size: 20px;

/*字体系列*/

font-family: 萌萌;

/*字体样式 em i*/

font-style: italic;

/*字体颜色*/

color: coral;

/*字体透明度 1为不透明 0为不透明 中间值为0~1 */

opacity: 0.5;

line-height: 50px;

/*行高*/

text-align: justify;

/*两端对齐*/

text-align: center;

/*对齐方式*/

text-justify: auto;

letter-spacing: 10px;

/*字间距*/

text-decoration: line-through;

/*字体间删除线（中划线）*/

text-decoration-style: dotted;

/*修饰线的颜色 样式 等效果

solid：实线 dotted：点状线

wavy：波浪线等 dashed：虚线

double：双划线*/

text-decoration:underline;

/*下划线*/

text-decoration:overline;

/*上划线*/

/*如果需要将文字 垂直水平居中 将行高调整为高度*/

font-size: 20px;

/*文本对齐方式*/

text-align: justify;

/*文本缩进 em：相对单位*/

text-indent: 2em;

/*文本单行显示，多余部分显示...*/

/*-overflow：文本溢出*/

white-space: nowrapap ;/*不换行*/

overflow: hidden;/*超出部分隐藏*/

text-overflow: ellipsis;/*被隐藏的用...替代*/

font-size: 50px;

/*四个值：

1：水平方向的偏移位置

2：垂直方向的偏移位置

3：阴影的模糊距离

4：阴影的颜色*/

text-shadow: 5px -3px 3px cadetblue;

/*两个值：

1：文本描边的宽度

2：文本描边的颜色*/

-webkit-text-stroke: 1px yellow;