一、CSS三种样式表:
1、内联式、行内式:将CSS样式直接写在HTML标签的style属性中,只对当前标签生效。
2、文档式、嵌入式、内嵌式:将CSS样式写在HTML文档的<head>标签中的<style>标签内,对整个文档内的元素生效。
3、外部样式表:将CSS样式写在一个独立的CSS文件中,通过<link>标签引入到HTML文档中。
更推荐哪一种方式?为什么?
推荐使用外部样式表的方式。这样可以将CSS样式与HTML文档分离,使得样式的管理和维护更加方便。同时,外部样式表可以在多个HTML文档中共享,提高了代码的重用性。
外部样式表中的链入式和导入式更推荐哪一种方式?为什么?
推荐使用链入式。链入式是通过<link>标签直接引入外部样式表,而导入式是通过@import语句引入外部样式表。链入式的加载速度更快,可以并行加载多个外部样式表,而导入式需要等待HTML文档加载完毕后再加载样式表,导致页面加载时间延长。
外部样式表在HTML文档内任何位置引用都会生效,但是正确引用外部样式表的位置是<head>标签内的<head>标签内的<link>标签中。这样可以确保样式表在HTML文档加载时就开始加载,确保样式的正确应用。
二、CSS基本选择器:
1、元素选择器:通过元素名称选取元素,如p、div等。
2、类选择器:通过类名选取元素,以.开头,如.class1。
3、id选择器:通过id选取元素,以#开头,如#id1。
4、通配符选择器:选取所有元素,以*表示。
元素默认属性是指浏览器对HTML元素的默认样式设置。可以通过浏览器的开发者工具(如Chrome的开发者工具)来查看元素的默认属性。通配符选择器常用于对所有元素进行统一的样式设置。
三、CSS字体属性:
字体属性用于设置文本的字体样式。
属性写法:font-family
适用于元素:所有元素
属性值:可以指定一个或多个字体名称,用逗号分隔。常见的字体名称有宋体、微软雅黑、Arial等。
四、CSS文本属性:
文本属性用于设置文本的样式。
属性写法:color
适用于元素:所有元素
属性值:可以指定颜色的名称(如red、blue)或十六进制值(如#FF0000)。
常见的单位有:
- px:像素
- em:相对于父元素的字体大小
- rem:相对于根元素(html)的字体大小
- %:相对于父元素的百分比
- vw:相对于视口宽度的百分比
- vh:相对于视口高度的百分比