一. Css字体属性 1. 字体外观:css使用font-family属性来定义文本的字体外观 2. 注意点:各种字体之间用英文逗号隔开,一般情况下如果字体的是由多个英文单词构成,用引号将名称引起来;尽量使用系统默认的字体 3. Css里面的unicode(字体表): 1. 概念:在css中设置字体名称时,直接写中文是可以的,但是在文件编码不匹配的情况下,(utf-8)会出现乱码的情况,可以使用unicode编码进行避免这些问题 4. css的字体大小:用font-size来设置大小,用px控制,不同的浏览器默认值不一样,所以最好给一个明确的字体大小的值;一般情况下,我们会在boby标签中设置整个页面的字体大小 5. 文字样式:css使用front-style 1. normal:斜体改成正常;italic 显示斜体 2. 一般是不给斜体,而是改斜体 6. 字体粗细:使用font-weight设置;400代表正常字体大小,700代表 7. 字体的复合属性:字体属性可以把上述的字体样式来综合书写, 注意点:使用font属性时;font-size和font-family不能省略;font-style和font-weight可以省略;使用font属性时需要按照严格的顺序来写,不能更换顺序, 8. css用color设置颜色;网页中一般使用都是16进制的去表示 9. 文本对齐:css里面使用text-align属性设置文本的对齐方式, 10. 文本的装饰:css里面使用text-decoration来进行文本修饰, 1. None:没有装饰线,最常用 2. Underline:下划线 a标签自带下划线 3.line-throught:删除线 11. 文本缩进:text-indent; 1. 相对单位:2em就是当前元素(font-size)的大小2倍 12. 行间距:css中使用line-height,可以控制文字行和行之间的距离,及那个行高设置为和当前元素的高度相等,可设置文本为垂直居中 13. 控制文本达到边界是否换行:1.white-space有俩个属性值 normal 默认换行 另一个nowrap 不换行 14. Css的引入方式:1.行内样式表 在元素内部上写个style属性,将要设定的属性值写在style;开发者并不是很常用;跟过使用的外部样式比较普遍;;2.内部样式表:是卸载html页面 在head的标签中的style标签中书写;;通过这种方式可以实现页面中的结构的样式,但是没有完全实现结构和样式的;;(练习中使用)3.外部样式表:是我们在开发中最常用的,核心是将css代码单独放在css文件中,再将文件引导在html中,,;步骤:首先创建一个css文件,然后把所需要写的样式写在长沙市里面,在HTML里面用link 标签引入这个文件 15. 通过引入一个css
|