HTML 中使用 CSS

傷城~ 2023-10-18 22:32 123阅读 0赞

#### 内联方式（行内样式） ####

**特点：** 将 CSS 样式内容定义在 HTML 标记中

**语法：** `<any style="样式声明1;样式声明2;……">`

**样式声明：**

1.  由 样式属性名 以及 值 组成
2.  属性名 与 值 直接使用 : 做连接
3.  多个样式声明之间用 ; 分隔

**常用样式属性和值**

1.  设置文本样式的颜色：
    
    属性：color；值：合法的颜色值（英文）；ex：color:red
2.  设置背景颜色的属性和值
    
    属性：background；值：合法的颜色值（英文）
3.  设置文字大小的属性和值
    
    属性：font-size；值：以 px 或 pt 为单位的数值；ex：font-size:16px

#### 内部样式表 ####

在网页中的一个独立的地方声明该网页要用到的所有的样式

**语法：**

<head>
        <style>
    
        /* 注释 */
    
        样式规则1
        样式规则2
        ...
        样式规则n
        </style>
    </head>

**样式规则：** 由选择器和样式声明组成

**选择器：** 规范了页面中哪些元素能够使用声明好的样式,其实就是为了匹配页面中的元素

**样式规则：**

选择器{
        样式声明1;样式声明2;}
    
    选择器{
        
        样式声明1;
        样式声明2;
    }
    
    div{
        
        color:red;
        background:yellow;
        font-size:16px;
    }
    p{
        
        ... ...
    }

#### 外部样式表 ####

独立于任何网页的位置处，声明一个样式表文件(\*\*\*.css)，在文件中声明样式。在使用的网页中进行引入。

**使用步骤：**

1.  创建样式表文件，编写样式
2.  在网页上对样式表文件进行引入
    
        <head>
            <link rel="stylesheet" href="xxx.css">
        </head>

发表评论取消回复

表情：

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

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

相关阅读

相关 HTML中CSS选择器的使用

一、元素[选择器][Link 1] 1、书写格式：标记名\{/\生命块\/\} 2、所有与该标记匹配的元素，都将应用声明块中的规则二、类选择器 1、书写格式：.类名\

你的名字/ 2024年04月03日 13:10/ 0 赞/ 83 阅读

相关关于HTML中CSS选择器的使用分析

![f3a2f2ff619c12493f766be81cebab33.jpeg][] 一、元素[选择器][Link 1] 1、书写格式：标记名\{/\生命块\/\} 2、

谁践踏了优雅/ 2024年04月03日 12:54/ 0 赞/ 68 阅读

相关 HTML中CSS选择器如何使用

![14bea5581e760369f4217583892eb07c.jpeg][] 转自：[微点阅读][Link 1] [https://www.weidianyuedu.

分手后的思念是犯贱/ 2024年03月29日 15:19/ 0 赞/ 83 阅读

相关 HTML中CSS引用：选择器的使用

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1] 一、元素[选择器][Link 2] 1、书写格式：标记名\

快来打我*/ 2024年03月29日 14:57/ 0 赞/ 72 阅读

相关 HTML中CSS，关于选择器的使用

![d69fe9b323909f2c3c80b4b71eb7c2c2.jpeg][] 一、元素选择器 1、书写格式：标记名\{/\生命块\/\} 2、所有与该标记匹配的元

迷南。/ 2024年03月25日 09:30/ 0 赞/ 44 阅读

相关 HTML 中使用 CSS

内联方式（行内样式）特点：将 CSS 样式内容定义在 HTML 标记中语法： `<any style="样式声明1;样式声明2;……">` 样式声明： 1.

傷城~/ 2023年10月18日 22:32/ 0 赞/ 124 阅读

相关 html &&css(随时更新中)

段落标签 <p> <p/> > align是设置段落的对齐方式 > align:center 与 align: left效果演示如下 > !

妖狐艹你老母/ 2023年09月26日 18:39/ 0 赞/ 123 阅读

相关 html中亮度怎么写,html – 使用CSS更改背景的亮度

我想改变DIV背景的亮度,而不影响div中的其他内容. 当我在div上应用悬停亮度过滤器时,其中的其他元素也会受到影响.我不想要的. 我的另一个解决方案就是用照片编辑的替换

约定不等于承诺〃/ 2022年10月05日 12:47/ 0 赞/ 163 阅读

相关在HTML中引入CSS

本文原创地址链接：[http://blog.csdn.net/zhou\_xiao\_cheng/article/details/52913051][http_blog.csd

喜欢ヅ旅行/ 2022年07月15日 13:48/ 0 赞/ 299 阅读

相关 html中的css3中过渡的使用

重点：只有属性的值是数值类型时，该属性才能响应过渡效果 display:none;会中断所有的过渡效果，后期可以通过js来解决

小咪咪/ 2021年09月15日 13:56/ 0 赞/ 311 阅读