目录
一、语法
h1 {color:red; font-size:14px;}CSS的最后一条声明后的“;”可写可不写，但是，基于W3C标准规范考虑，建议最后一条声明的结束“;” 都要写上
二、 HTML中引入CSS的三种方式
1、行内样式：使用style属性引入CSS样式
<h1 style="color:red;">style属性的应用</h1>
<p style="font-size:14px; color:green;">直接在标签中设置的样式</p>2、内部样式表：
CSS代码写在<head>的<style>标签中
<style>
h1{color: green; }
</style>
3、外部样式表：
CSS代码保存在扩展名为.css的样式表中，HTML文件引用扩展名为.css的样式表，有两种方式：链接式和导入式
链接式
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
导入式
<style>
/*要写在style标签的最前面，否则不会生效 或者直接在外部css文件中直接使用*/
@import url('./style.css');
</style>三、引入方式优先级
行内样式>内部样式/外部引入
就近原则：哪一种设置方式距离元素最近，谁的优先级更高；
四、css3的基本选择器
标签选择器：HTML标签作为标签选择器的名称
p {color:red;font-size:14px;}
2、类选择器
.class {color:red;font-size:14px;}
<p class="类名称">内容</p><标签名 class=”类名称”>标签内容</标签名>
备注：
1、使用类选择器必须给标签设置class属性，且同样样式的class值要一致。
2、使用类选择器时，不能少了前面的小数点
3、一个标签的class值可以有多个，使用空格分开
HTML中输写
<h1 class="bgColorBlue">
HelloWorld
</h1>
<h1 class="color-red bgColorBlue borderGreen" id="width120">
HelloCSS3
</h1>
<h1 class="color-red bgColorPink">
HelloKD38
</h1>
<a href="" class="bgColorPink">百度一下百度一下百度一下</a>
css中输写
.color-red {
color: red;
}
.bgColorBlue {
background-color: blue;
}
.borderGreen {
border: green solid 3px;
}
.bgColorPink {
background-color: pink;
}
3、ID选择器
#id {color：red: font-size:14px;}
<p id="ID名称">内容</p><标签名 id=”id选择器名称”>标签内容</标签名>
备注：
1、使用ID选择器必须给标签设置id属性，且同样样式的id值要一致。
2、使用ID选择器时，不能少了前面的#
3、一个标签的id值只能有一个
4、同一个页面中，id属性的值不能重复
全选选择器
* {
样式...
}备注：全选择器会对所有标签都生效
补充：颜色十六进制：常用十六进制颜色对照表代码查询
样式大全：
常用css样式大全以及css属性代码大全_大图书馆的牧羊人的博客-CSDN博客_css字体样式代码大全
五、 css3基本属性
color 字体颜色
background 背景颜色
width 长
height 高
border blue solid 1px 颜色 边框样式 边框粗细
border-radius：10px 边框弧度
font-size 字体大小
font-family 字体样式
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/93394.html
