前端开发学习笔记第三天

今天开始学习CSS

1、webstorm(vscode)编写style时的快捷键,文本样式:font-style:italic;书写时可以简写为fs然后按tab键,代码会自动补充为font-style:italic; 书写fsn按tab键,代码会自动补充为font-style:normal;

2、默认字体font-family是宋体,font-family取值为中文,需要使用双引号或者单引号包起来

3、如何设置的字体在用户电脑中不存在,默认使用宋体显示,如果不想用宋体显示,怎么办,设置多种字体,中间用,隔开。

4、想让一个段落的中文英文分别按照不同字体显示,怎么办?知识点,但凡包含中文的字体,都包含英文,但凡包含英文的字体,都不包含中文字体,即,中文字体可以处理英文,英文字体不能处理中文。处理办法:先增加英文字体,后增加中文字体,中间用,隔开

5、企业开发中常用的中英文字体

中文:宋体/黑体/微软雅黑

英文:Arial/Times New Roman

6、font-style(设置字体样式,即是否倾斜)、font-weight(设置文字粗细,即是否加粗)、font-size(设置文字大小)、font-family(设置字体类型)可以缩写为font。例如 font-style:italic;font-weight:bold;font-size:30px;font-family:"宋体"; 可以缩写为font:italic bold 30px "宋体";

注意点:italic 和bold可以省略,30px 和"宋体"不能省略而且位置不能互换而且必须在最后。

7、id命名是有规范的,id只能由字母,数字和下划线组成。id名称不能以数字开头

8、在企业开发中,如果仅仅是为了进行样式设置,一般不会使用id,因为id一般是留给js来使用的。

9、类名是专门给CSS使用的。每一个标签可以绑定多个类名

10、后代选择器和子元素选择器的区别,后代选择器会影响所有后代,子元素选择器只会影响直接儿子,嵌套的深层次标签不受影响。格式区别 后代选择器:选择器1 选择器2{属性名:属性值}   ;子元素选择器:选择器1>选择器2{属性名:属性值}

11、交集选择器在企业开发中使用的不多

12、因为通配符选择器在使用时会遍历页面上的所有元素,所以使用时会有性能问题,所以要慎用。

13、优先级顺序:id>class>标签>*(通配符)>继承>浏览器默认(要牢记)

14、p标签是文本级的标签,h系列的标签是容器级的标签。

猜你喜欢

转载自blog.csdn.net/weixin_42468293/article/details/80717187