一天搞定CSS：初识css--01

ゝ一世哀愁。 2022-06-16 05:00 175阅读 0赞

# **1）CSS：层叠样式表(英文全称：Cascading Style Sheets)** #

是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
    
        CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
    
        CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

# **2）层叠样式表类型** #

**分为：行间样式、内部样式、外部样式**

![这里写图片描述][SouthEast]

**代码演示：**

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            
            <link rel="stylesheet" type="text/css" href="css/01外部样式.css"/>
            
            <style type="text/css">
                div{
                    width:100px;
                    height: 100px;
                    background: pink;
                }
            </style>
        </head>
        <body>
            
            <div style="width:100px;height: 100px;background: pink;">div1</div>
        </body>
    </html>

[SouthEast]: /images/20220616/474ec65dd9ae49569b95afc1f6fa13a2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关一天搞定CSS（扩展）：CSS Hack

做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推

电玩女神/ 2022年06月16日 12:14/ 0 赞/ 140 阅读

相关一天搞定CSS：定位position--17

1.定位取值概览 ![这里写图片描述][SouthEast] 2.相对定位relative ![这里写图片描述][SouthEast 1] <!DOCT

向右看齐/ 2022年06月16日 09:07/ 0 赞/ 138 阅读

相关一天搞定CSS： overflow--14

overflow：针对超出父级的内容如何显示 ![这里写图片描述][SouthEast] 代码演示 <!DOCTYPE html> <html>

不念不忘少年蓝@/ 2022年06月16日 08:48/ 0 赞/ 129 阅读

相关一天搞定CSS： CSS选择器优先级--08

选择器优先级：是指代码的执行顺序通俗的说，就是多个选择器同时对一个标签分别添加样式，那么这个标签显示那个选择器设置的样式 --------------------

雨点打透心脏的1/2处/ 2022年06月16日 07:13/ 0 赞/ 161 阅读

相关一天搞定CSS：css选择器--07

选择器：是指选择标签的方法 1.选择器类型 ![这里写图片描述][SouthEast] 2.id选择器 ![这里写图片描述][SouthEast 1] 代码演

短命女/ 2022年06月16日 07:13/ 0 赞/ 160 阅读

相关一天搞定CSS：字体font--04

1.字体体系 ![这里写图片描述][SouthEast] -------------------- 2.字体各属性取值说明：每一个属性后面的分支是

迈不过友情╰/ 2022年06月16日 05:16/ 0 赞/ 186 阅读

相关一天搞定CSS：背景background--03

背景分为—背景颜色和背景图片 1.背景属性 ![这里写图片描述][SouthEast] 2.背景颜色代码演示： <!DOCTYPE html>

朴灿烈づ我的快乐病毒、/ 2022年06月16日 05:07/ 0 赞/ 128 阅读

相关一天搞定CSS：边框border--02

每一个标签都是一个盒子，具体见HTML教程因此，每一个标签有大小，有边框 -------------------- 1.border样式：单一样式 ![这里写图片

蔚落/ 2022年06月16日 05:06/ 0 赞/ 178 阅读

相关一天搞定CSS：初识css--01

1）CSS：层叠样式表(英文全称：Cascading Style Sheets) 是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的

ゝ一世哀愁。/ 2022年06月16日 05:00/ 0 赞/ 176 阅读

相关 CSS第一天01-CSS初识

CSS层叠样式表学习目标理解 css的目的作用 css的三种引入方式应用 css三种引用方式的书写通过样式规则给标签添加简单的样式

灰太狼/ 2021年03月04日 12:01/ 0 赞/ 539 阅读