CSS 笔记
发布时间:2022-09-26 10:53:25 296
相关标签: # css# html
CSS
CSS,或 Cascading Style Sheets (层叠样式表或级联样式表),用来给浏览器添加样式。
引入 CSS 的方式 Import
内联 Inline Style
使用 style
属性来引入 CSS
嵌入 Embedded Style
在 <head> 标签里使用 <style> 标签
<head>
<style>
h1 {
color: blue;
}
</style>
</head>
外联 External Style Sheets
把 HTML 代码和 CSS 代码分别存储到两个文件中,在 <head> 标签中通过 <link> 标签引入 CSS <link rel="类型" href="位置" type="text/css">
<link rel="类型" href="位置" type="text/css">
CSS 规则的组成
selector {
property: value; /* declaration */
}
其中 selector 为选择器,declaration 为声明,property 为声明中的属性,value 为声明的属性值。
选择器 Selector
每个元素的样式规则都应该有开始和结束大括号({ 和 })。 还需要确保元素的样式定义在开始和结束样式标签之间,并且每条样式规则都以分号;结束。
通用选择器 Universal Selector
使用 * 来选择所有元素,称为通用选择器或通配符。
* {
color: blue;
}
元素/类型选择器 Element/Type Selector
元素选择器或者类型选择器()选择 HTML 元素。
h2 {
color: green;
}
类选择器 Class Selector
.blue-text {
color: blue;
}
<h2 class="blue-text">
CSS 的 class 具有可重用性,可应用于各种 HTML 元素。
文章来源: https://blog.51cto.com/u_15796703/5687234
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报