CSS快速入门

╰半夏微凉° 2023-10-04 19:34 6阅读 0赞

#### CSS快速入门 ####

*  CSS导入方式
 *  CSS选择器
 *   *  1.元素选择器
     *  2.id选择器
     *  3.类选择器
 *  CSS属性

--------------------

## CSS导入方式 ##

1.  内联样式：在标签内部使用style属性，属性值是css属性键值对

<div style="color:red">HELLO CSS</div>

1.  内部样式：定义

<style type="text/css">
    	div{
        
    		color:red;
    	}
    </style>

1.  外部样式：定义link标签，引入外部css文件

<link rel="stylesheet href="demo.css">

外部css文件  
.demo.css

div{
        
    	color：red；
    }

--------------------

## CSS选择器 ##

> 概念：选择器是选取需设置样式的元素（标签）

div{
        
    	color:red;
    }

选择器有三种分类

### 1.元素选择器 ###

**元素名称\{color:red;\}**

div{
        color:red;}

### 2.id选择器 ###

**\#id属性值\{color:red;\}**

#name{
        color:red;}
    <div id="name">hello css</div>

### 3.类选择器 ###

.class属性值\{color:red;\}

.cls{
        color:red;}
    <div class="cls">hello css3</div>

--------------------

## CSS属性 ##

用到什么就看文档，死记硬背是记不住的  
![在这里插入图片描述][815bc3abdfbe4736b1a240a930981f0a.png]

[815bc3abdfbe4736b1a240a930981f0a.png]: https://img-blog.csdnimg.cn/815bc3abdfbe4736b1a240a930981f0a.png

发表评论取消回复

表情：

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

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

相关阅读

相关【CSS预处理语言】less快速入门

目录 1.概述 2.安装 3.语法 3.1.变量 3.1.嵌套 3.2.Mixin 3.3.extends 3.4.Mixin和Extends的区别 3.5.

今天药忘吃喽~/ 2024年02月21日 11:42/ 0 赞/ 13 阅读

相关 JavaWeb（4）——HTML、CSS、JS 快速入门

一、JavaScript 数组 ![31991f7085924314813079eb2ed141fe.png][] 数组筛选（查找，将原来数组中的某些数据去除）

太过爱你忘了你带给我的痛/ 2023年10月13日 11:33/ 0 赞/ 26 阅读

相关 CSS快速入门

CSS快速入门 CSS导入方式 CSS选择器 1.元素选择器 2.id选择器 3.类选择器 CSS属性 ---

╰半夏微凉°/ 2023年10月04日 19:34/ 0 赞/ 7 阅读

相关 CSS快速入门

CSS快速入门 CSS（Cascading Style Sheets 层叠样式表）。CSS不能单独使用，必须与HTML或XML一起协同工作，为HTML或XML起装饰作用。

素颜马尾好姑娘i/ 2023年01月09日 15:44/ 0 赞/ 121 阅读

相关 4 个关键的CSS 属性，帮助你快速入门CSS

![917b69f8fcf686481ccce636f671b12b.png][] 英文 | https://javascript.plainenglish.io/4-key

约定不等于承诺〃/ 2022年09月10日 00:24/ 0 赞/ 146 阅读

相关 Django快速入门（入门）

> 学习笔记，快速搭建一个可以跑的Django环境 0. 启动虚拟环境 xxx@xxx:~/py_script/pro-env$ ls bin inc

本是古典何须时尚/ 2022年06月06日 14:39/ 0 赞/ 336 阅读

相关 CSS3弹性盒模型flex box快速入门

为了做移动端的前端项目开始学flex啦～！用了flex，再也不用担心排版啦。一起来快速上手吧！在css上使用flex的语法如在下面html代码中, ul为父元素，li

骑猪看日落/ 2022年06月01日 08:47/ 0 赞/ 173 阅读

相关 CSS入门

第一章 CSS介绍与div效果演示 1.1 CSS介绍 CSS指层叠样式表，样式定义如何显示HT

迈不过友情╰/ 2022年05月09日 05:56/ 0 赞/ 143 阅读

相关 CSS快速入门

目录 1. 概念 2. CSS语法 2.1 格式 2.2 选择器 2.2.1 基础选

冷不防/ 2021年12月03日 19:13/ 0 赞/ 216 阅读

相关 CSS 快速入门

CSS 快速入门声明一、CSS 简介二、CSS 的引入方式三种引入方式的优先级三、选择器标签选择器

傷城~/ 2021年09月09日 08:22/ 0 赞/ 384 阅读