1. 写在style属性中：
<h1> style=”color:red;font-size:60px;”>欢迎光临</h1>
2. 内部样式，写在html页面内部，单独放在<style>标签中,<style>标签放在<head>标签中。
<style>
h1 {
color:red;
font-size:40px;
}
</style>
2、行内样式
写在标签的style 属性中，（又称：内联样式）。
语法：
<h1 style="color:red;font-size:60px;">欢迎来到尚硅谷学习</h1>
3、注意点：
style 属性的值不能随便写，写要符合 CSS 语法规范，是 名:值; 的形式。
行内样式表，只能控制当前标签的样式，对其他标签无效。
1、CSS 的全称为：层叠样式表 (Cascading Style Sheets )
CSS 也是一种标记语言，用于给HTML 结构设置样式，例如：文字大小、颜色、元素宽高等等。
简单理解： CSS 可以美化 HTML , 让 HTML更漂亮。
核心思想： HTML 搭建结构，CSS添加样式，实现了：结构与样式的分离。
2、元素的class 属性值不带. ，但CSS 的类选择器要带. 。
class 值，是我们自定义的，按照标准：不要使用纯数字、不要使用中文、尽量使用
英文与数字的组合，若由多个单词组成，使用-做连接，例如：left-menu ，且命名要有意义，做到 “见名知意”。
3、内部样式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h1{
color: #08d779;
font-size: 100px;
}
</style>
</head>
<body>
<h1>尚硅谷</h1>
</body>
</html>
4、优先级规则：行内样式 > 内部样式 = 外部样式
内部样式、外部样式，这二者的优先级相同，且：后面的 会覆盖 前面的
同一个样式表中，优先级也和编写顺序有关，且：后面的 会覆盖 前面的
1、作用：根据元素的 id 属性值，来精准的选中某个元素。
2、id属性值：尽量由字母、数字、下划线( _ )、短杠( - )组成，
最好以字母开头、不以数字开头、不要包含空格、区分大小写。
3、一个元素只能拥有一个 id 属性，多个元素的id 属性值不能相同。
4、一个元素可以同时拥有 id 和 class 属性。
（1） 父元素：直接包裹某个元素的元素，就是该元素的父元素。
（2）子元素：被父元素直接包含的元素（简记：儿子元素）。
（3）祖先元素：父亲的父亲…，一直往外找，都是祖先。（父元素，也算是祖先元素的一种）
4.后代选择器
作用：选中指定元素中，符合要求的后代元素。
5、后代选择器，最终选择的是后代，不选中祖先。
儿子、孙子、重孙子，都算是后代。
结构一定要符合之前讲的 HTML 嵌套要求，例如：不能 p 中写 h1 ~ h6 。
7、css三大特性
1、层叠性
2、继承性
3、优先性
1、伪类选择器
a:link{
color:red’
}是选中没有访问过的a元素
a:visited{
color:red’
}是选中访问过的a元素
a:hover{
color:red;
}是选中鼠标悬浮状态的a元素
a:active{
color:red;
}是选中激活状态的a元素
Input（select）:focus{
Color:red’
Background-color:green;
}是输入框点击的时候为背景色为绿色，输入的文字为红色
1、HSL 是通过：色相、饱和度、亮度，来表示一个颜色的，格式为： hsl(色相,饱和度,亮度)
色相：取值范围是 0~360 度，具体度数对应的颜色如下图：
饱和度：取值范围是 0%~100%
亮度：取值范围是 0%~100%
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/rfx/62947.html