CSS初始
1.内部样式表(较多使用)
<head>
<style type=“text/css”>
选择器{属性1:属性值1;属性值2:属性值2;}
</style>
</head>
2.行内式(内联样式,较少使用)
<标签名 style=“属性1:属性值1;属性值2:属性值2;”>内容</标签>
3.外部样式表(外链式,常用)
<head>
<link href=“css文件的路径” type=“text/css” rel=“stylesheet”/>
link是个单标签
CSS基础选择器
1.标签选择器(元素选择器)
标签名/元素名{属性1:属性值1;属性值2:属性值2;}
标签选择器可以把某一类标签全部选择出来
2.类选择器(class选择器)
类选择器使用“.”(英文点)进行标识
.类名{属性1:属性值1;属性值2:属性值2;}
标签调用的时候用class=“类名”即可
3.多类名选择器
可以给标签指定多个类名,各个类名中间用空格隔开(样式效果跟HTML元素中类的类名先后顺序没有关系,受css样式书写的上下顺序有关)
4.id选择器
id选择器使用“#”格式
#id类名{属性1:属性值1;属性值2:属性值2;},标签调用的时候用id=“id名”即可
5.通配符选择器
用“*”表示,能匹配页面中所有的元素
*{属性1:属性值1;属性值2:属性值2;}
原文地址:https://www.cnblogs.com/1yxm/p/10946803.html
时间: 2024-10-24 05:02:37