css第1天(css的引入方式、文本文字样式、字间距、盒子文字阴影)

1.css的三种引入方式

1.行内式

2.内嵌式

3.外链式

2.控制文本颜色

color属性

百分比颜色赋值

3.控制文字的相关属性

font-size:控制文字大小,单位px、

font-family:控制字体库,默认微软雅黑

font-weigth:控制字体是否加粗,normal( 正常 )、bold(加粗)

font-style:控制字体是否倾斜,normal: 正常、italic: 倾斜

font属性的连写:先写字体大小,再写字体库

可以清楚标签的默认属性,所有标签的本质都是一样的,可以用代码来进行设置

4.控制文字水平居中

控制文字/图片的水平对齐方式:text-align: left、center、right

5.控制文字垂直居中

控制文字/图片垂直居中方式:text-align=“容器的高度”

6.控制文本首行缩进

text-indent:2em;

7.文本修饰属性(各种线)

text-decoration:underline(下划线)、overline(上划线)、 line-through(删除线)

清除a标签的下划线:text-decoration:none;(最常用)

8、字间距

letter-spacing:;

每个回车会产生3px间隙,清除字间距

9、盒子文字阴影

盒子阴影

box-shadow: 0px 4px 15px -8px deeppink;

 /* 水平位移  垂直位移 模糊程度 影子大小  颜色 */

文字阴影

 text-shadow: 0px 4px 15px -8px deeppink;

    /* 水平位移  垂直位移 模糊程度 影子大小  颜色 */

你可能感兴趣的:(css第1天(css的引入方式、文本文字样式、字间距、盒子文字阴影))