0
点赞
收藏
分享

微信扫一扫

CSS样式学习总结

凛冬已至夏日未远 2022-03-14 阅读 81

一、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的一些内容引用的步骤,所以我要分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

举报

相关推荐

0 条评论