菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: css-陈旭辉-20230413 [打印本页]

作者: 陌殇 时间: 2023-4-13 23:31
标题: css-陈旭辉-20230413
一、学习内容
CSS（Cascading Style Sheets）层叠样式表，是一种标记语言，它可以为页面设置丰富的样式，也能实现结构和样式的分离。
  css的语法规范：选择器用于指定选择哪个元素，{}里面写的是对这个元素的具体样式设置。
属性和属性值之间用“:”来隔开的，属性和属性值的这种形式也叫做键值对。
多对属性和属性值之后要用";"来结尾。
css的基础选择器：标签选择器、类选择器、ID选择器、通配符选择器。
css的字体属性：1.使用font-family 属性快来定义字体外观（1、各种字体之间要用英文的逗号隔开2、如果字体是一个词组，那么要用双引号引起来）。
                        2.使用font-size属性来设置字体大小（1.一般我们会将字体大小的值设置为具体的像素值，单位是(px)2.谷歌浏览器默认的字体大小是16px，最小到12px3.不同的浏览器之间对于默认的字体大小是不一致的，所以我们在写页面的时候，要设置一个明确的字体大小，不要使用默认值。4.一般情况下会给body来指定整个页面的字体大小）
                        3.使用font-style来设置字体的风格（1.normal  默认值，浏览器会显示标准的字体样式2.italic 浏览器会将字体显示为斜体）
                        4.使用font-weight属性来控制字体的粗细（一般情况下我们只设置400(正常字体粗细)和700（代表加粗字体粗细），值后面不要加单位。）
字体的复合属性语法规范：font：font-style font-weight font-size font-family;（1.使用font属性的时候，必须按照固定的属性顺序来进行书写，不能随便更换顺序，否则会导致font属性失效2.不需要的属性可以省略，font属性中可以被省略的属性 font-style 和 font-weight  不可以省略的是 font-size 和 font-family）
css的文本属性：1.使用color属性，设置文本的颜色（属性值font：font-style font-weight font-size font-family;）、预定义的颜色：red、yellow、green等。RGB颜色：rgb(255,0,0) 代表纯红色、  rgb(100%,100%,100%); 代表白色。十六进制的颜色：#fff000
                           2.使用text-algin属性来设置元素内的文本对齐方式。属性值：{left（默认值，左对齐）、center 居中对齐、right 右对齐}
                        3.使用text-decoration属性来控制文本的装饰。常用的属性值：none 默认值，没有装饰、overline 上划线、line-through 删除线、underline 下划线
                        4.使用line-height属性来设置行高，可以控制文字行与行之间的距离。属性值：（1.具体像素值2.font-size的倍数，推荐使用倍数，可以让页面中的字体根据自己的实际来自适应行高。）
                        5.使用line-height来实现文本的垂直居中：将属性值设置为父元素的高度一致即可

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)