今天开始学习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系列的标签是容器级的标签。