返回

CSS 笔记

发布时间:2022-09-26 10:53:25 296
# css# html

CSS

CSS,或 Cascading Style Sheets (层叠样式表或级联样式表),用来给浏览器添加样式。

引入 CSS 的方式 Import

内联 Inline Style

使用 ​​style​​ 属性来引入 CSS

<h1 style="color:blue;"></h1>

嵌入 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 元素。

 

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线
下一篇
如何在vc的开发中使用GDI+? 2022-09-26 10:15:35