提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
本篇介绍了CSS的基础内容。
一、CSS是什么?
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
二、css引用方式
1.内嵌式
内嵌式:CSS写在style标签中(提示:style标签虽然可以写在页面任意位置,但是通常约定写在head标签中)
作用范围:当前页面
使用场景:小案例
2.外联式
外联式:CSS写在一个单独的.css文件中(提示:需要通过link标签在网页中引入)
作用范围:多个页面
使用场景:项目中
3.行内式
行内式:CSS写在标签的style属性中(提示:之后会配合js使用)
作用范围:当前标签
使用场景:配合js使用
二、基础选择器
1.标签选择器
结构:标签名{css属性名:属性值;}
作用:通过标签名,找到页面中所有这类标签,设置样式
注意点:
·标签选择器选择的是一类标签,而不是单独某一个
·标签选择器无论嵌套关系有多深,都能找到对应的标签
2.类选择器
结构:.类名{css属性名:属性值;}
作用:通过类名,找到页面中所有带这个类名的标签,设置样式
注意点:
·所有标签上都有class属性,class属性的属性值称为类名
·类名可以由数字、字母、下划线、中划线组成,但不能以数字或中划线开头
·一个标签可以同时有多个类名,类名之间以空格隔开
·类名可以重复,一个类选择器可以同时选中多个标签
&