一、CSS介绍
如果将开发一套网页当做建筑一栋大楼,则HTML就等于是对大楼的结构进行实现,而对大楼的装修一般交给装饰公司,而在网页中设计中CSS就相当于是装饰公司。
CSS,Cacading Style Sheets(层叠样式表),是一种能够对HTML结构进行美化以及控制的描述型语言,CSS通过一系列选择器,选中HTML中的元素,然后通过提供的丰富的属性对这些元素进行装饰。
(1)CSS书写的位置
内嵌式
内嵌式,顾名思义,内嵌在.HTML文件中
在<head></head>标签中,书写 <style></style>标签对,里面书写CSS语句。
(2)外链式
可以将CSS单独存为.CSS文件,然后用link标签引入它
外链式的优点:多个HTML文件,可以共用一个CSS样式表文件
(3)导入式
导入式是最不常见的样式表导入方法,使用导入式引入文件,不会等待CSS文件加载完毕,而是会立即渲染HTML结构
(4)行内式
行内式: 样式可以直接通过style属性写在标签上,行内式牺牲了样式表的批量设置样式的能力,只能给一个标签设置样式,所以不常用。
二、CSS选择器
首先我们来介绍传统的CSS2.1 选择器
(1)标签选择器
标签选择器:又称元素选择器,类型选择器,它直接使用元素的标签名当做选择器,将选择页面上所有的标签
标签选择器将选择页面上所有该种标签,无论这个标签所处位置的深浅
标签选择器的覆盖面非常大,所以通常用于标签的初始化
(2)id选择器
标签可以有id属性,它是这个标签的唯一标识
id的命名只能由字母、数字、下划线、短横线构成,且不能以数字开头,字母区分大小写,但习惯上一般为小写字母
同一个页面上不能有相同的id标签
CSS选择器可以使用#井号选择指定的id标签
(3)类选择器
class属性表示类名
类名的命名规范和id的命名规范相同
我们使用点.前缀来指定class的标签
class类名十分灵活,多个标签可以为相同的类名
同一个标签可以同时属于多个类,类名用空格隔开
这是我所学到的CSS的一些内容引用的步骤,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!