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

标题: 孙佳豪--82期CSS1--20221110 [打印本页]

作者: 晓9863 时间: 2022-11-10 19:01
标题: 孙佳豪--82期CSS1--20221110
CSS字体属性
font-family字体外观
      多个值要用英文逗号隔开
      由多个英文单词组成的值要用引号将字体名称引起来
      font-family属性后面写多个属性值的意义：当浏览器打开我们的html页面时，要对页面中的字体进行识别，有些浏览器对字体的识别可能会有问题，如果有了多个字体外观，那么浏览器会挨个进行询问（识别），直到找到浏览器能够识别的字体为止
      使用Unicode编码时要用引号将编码引起来
font-size字体大小
      最小字体为12px
      谷歌浏览器默认字体为16px，不同浏览器可能会有不同默认字体大小，所以我们一般给一个明确的字体大小
      一般在body标签设置页面字体大小
font-style字体样式
      normal：默认值，浏览器会显示标准的字体样式，一般用来将页面斜体改为正常显示字体
      italic：浏览器会显示斜体的字体样式
font-weight字体粗细
      属性值100-900
      正常值400，加粗700
      不加px单位
font字体复合属性
      font：font-style font-weight font-size/line-height font-family；
      font-size font-family红色为必写，否则font属性失效
      严格按照固定的顺序书写不能更换，各个属性用空格隔开
CSS文本属性
color文本颜色
text-align文本水平对齐方式
      right靠右，center居中，left靠左对齐（默认值）
text-decoration文本装饰
      none默认值，没有装饰
      underline下划线
      line-throu删除线
      overline上划线
text-indent文本缩进
      固定像素单位，可以给定指定单位
      相对单位，1em就是当前元素font-size的大小的一倍，如果当前元素没有设置大小，会按照父元素大小进行缩进
line-height行间距
      控制文字行与行之间的间距
      值可以是具体像素值，也可以写倍数（字体大小的倍数）
      line-height等于当前元素高度时文本垂直居中
white-space文本边界是否换行
      normal默认值，达到边界自动换行
      nowrap达到边界不换行
CSS三种引入方式
内部样式表
      写再页面内部，在head标签中的style标签中书写
      没有实现结构样式分离
外部样式表
      将CSS样式单独放在CSS文件中，在页面通过link引入CSS文件
      通过引入一个CSS文件间接引入多个CSS
         @import url（其他CSS文件地址）;
行内样式表
      直接写在HTML元素内部，属性写再style后面
Emmett语法
这个语法可以帮助我们使用缩写来提高编写html/css的速度，VScode中已经将该语法进行了集成
直接输入标签名，按tab键直接生成完整标签
快速生成多个标签p*5
生成父子级div>p
生成兄弟级div+p
生成id属性和属性值或类和类名的标签#id .class
快速生成标签含有id属性和属性值或类和类属性值p#id，p.class
使用自增符div.demo$*5，来实现类名的区分
生成标签时写入内容div{内容}*5
使用首字母快速生成样式，比如：tac生成text-aling：center；

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