前端基础知识之“CSS是什么”

内部样式:也称为内嵌样式,在页面头部通过标签定义。对当前页面中所有符合样式选择器的标签都起作用。行内样式:也称为嵌入样式,使用HTML标签的style属性定义。只对设置style属性的标签起作用。外部样式:使用单独的.css文件定义,然后在页面中使用标签或@import指令引入。选择器:id选择器:为标有特定id...
前端基础知识之“CSS是什么”
CSS是层叠样式表,是种格式化网页的标准方式,用于控制设置网页的样式,并且允许CSS样式信息与网页内容分离的一种技术。以下是关于CSS的详细解释:
组成部分:CSS的定义由三部分组成,包括选择符、属性、属性值。
引用方式:
内部样式:也称为内嵌样式,在页面头部通过<style>标签定义。对当前页面中所有符合样式选择器的标签都起作用。行内样式:也称为嵌入样式,使用HTML标签的style属性定义。只对设置style属性的标签起作用。外部样式:使用单独的.css文件定义,然后在页面中使用<link>标签或@import指令引入。选择器:
id选择器:为标有特定id的HTML元素指定特定的样式,页面中标签的id名称必须唯一且不能重复。class选择器:为标有特定class的HTML元素指定特定的样式,页面中标签的class名称可以不唯一且可以重复。标签选择器:直接使用HTML标签作为选择器。子代选择器:选择当前元素的所有子元素,定义时用>隔开。后代选择器:选择嵌套标签元素,定义时用空格隔开。相邻兄弟选择器:选择紧接在另一元素后的元素,且二者有相同父元素,定义时用+隔开。后续兄弟选择器:选取所有指定元素之后的相邻兄弟元素,定义时用~隔开。交集选择器:选择的元素必须同时满足多个条件,定义时用标签名.ID名/类名。并集选择器:多种元素共享某种属性,定义时用逗号隔开。通配符选择器:匹配任何标签,常用于统一页面样式。属性选择器:根据元素的属性及属性值来选择元素。CSS属性:
字体属性:设置字体相关的样式。文本属性:包括阴影效果、大小写、文本缩进、对齐方式等。背景属性:设置对象的背景颜色、背景图片、背景图片的重复性、背景图片的位置等。边框属性:设置对象边框的颜色、样式以及宽度,使用对象的边框属性时必须先设定对象的高度及宽度。列表属性:常用的有liststyletype、liststyleimage、liststyleposition以及liststyle。鼠标指针属性:通过cursor属性设置鼠标指针的显示图形。CSS通过这些功能和选择器,可以灵活地控制网页的样式和布局,使网页更加美观和用户友好。
2025-03-07
mengvlog 阅读 731 次 更新于 2025-12-15 04:10:16 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部