CSS 学习

Jiettt-_-

已于 2022-04-09 10:54:50 修改

阅读量610

点赞数

分类专栏： web 文章标签： css

于 2022-04-02 01:28:23 首次发布

本文链接：https://blog.csdn.net/qq_67858958/article/details/123911005

版权

一 CSS 是 Cascading Style Sheet 的缩写，层叠样式表，用来控制 HTML 文档的显示样式，即美化网页，可对网页中元素的位置、字体、颜色、背景等属性进行精确控制。CSS 是一种标准的描述性样式语言，而不是编程语言，所以没有逻辑处理能力。

二 CSS引入方式：
1. 使用style标签编写css代码调试代码时使用
2. 使用link标签引入css文件上线前使用
3. 元素上使用通用属性 style 不建议大量使用编写css代码时难以查询；且html从上到下解析后加载的覆盖先加载的，style属性会覆盖其他引入方式

<!DOCTYPE html>
<html>
    <head>
        <title>css引入方式</title>
        //<link rel="stylesheet" href="./style.css">  使用link标签 引入css文件
        <style>   //使用style标签 编写css代码
            body {
                background-color: linen;
            }
            h1 {
                color: maroon;
                margin-left: 40px;
            }
        </style>
    </head>  
    <body>
        <h1>标题1</h1>
        <p>https://www.baidu.com/</p>
        //<p style="color: blue;">https://www.baidu.com/</p>  元素上使用通用属性 style
    </body>
</html>

三 CSS语法主要分两部分：选择器和样式属性

选择器{
      样式属性1：值；
      样式属性2：值；
      ……
}

常用选择器
           1.元素选择器通过标签名选择所有标签
           2.class选择器 .class值选取比较精准
           3.id选择器 #id值不建议使用
           id选择器>class选择器>元素选择器
           100 10 1
           4.并集选择器选择器,选择器,选择器同时选取多种元素
           5.交集选择器选择器选择器通过多条件选取元素先标签再其他
           6.后代选择器选择器选择器选取子孙元素
           7.子代选择器选择器>选择器选取子元素
           8.属性选择器通过元素属性选择元素 [属性] [属性='属性值'] input[type="button"]
           9.全局选择器 * 可以被其他选择器覆盖
           找元素特征没有特征自己创造特征

<!DOCTYPE html&

最低0.47元/天解锁文章

Jiettt-_-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS 学习

一 CSS 是 Cascading Style Sheet 的缩写，层叠样式表，用来控制 HTML 文档的显示样式，即美化网页，可对网页中元素的位置、字体、颜色、背景等属性进行精确控制。CSS 是一种标准的描述性样式语言，而不是编程语言，所以没有逻辑处理能力。二 CSS引入方式： 1. 使用style标签编写css代码调试代码时使用 2. 使用link标签引入css文件上线前使用 3. 元素上使用通用属性 style ...
复制链接

扫一扫