web前端篇:CSS使用，样式表特征

最新推荐文章于 2024-08-21 15:33:15 发布

前端大叔熟

最新推荐文章于 2024-08-21 15:33:15 发布

阅读量3.4k

点赞数

分类专栏： HTML 科技 web前端程序员 JavaScript 资讯编程 css 文章标签：程序员编程 web前端资讯 css

本文链接：https://blog.csdn.net/ITmiaomiao666/article/details/91625943

版权

本文详细介绍了CSS的作用、使用方法和主要特征，包括行内样式、内部样式表和外部样式表的用法，以及样式表的继承性和层叠性。通过实例解析了如何设置字体大小、颜色和背景颜色，并强调了样式优先级规则。同时推荐了一个前端学习交流群，供读者进一步提升技能。

摘要由CSDN通过智能技术生成

###一、CSS介绍
CSS ：Cascading Style Sheet 层叠样式表
作用：修饰和美化页面元素，实现网页排版布局

###二、CSS使用
1.行内样式/内联样式
特点：在具体的标签中使用style属性，引入CSS样式代码

语法：

<标签 style=“CSS 样式声明”>

CSS 样式声明 / 语句：
对当前元素添加样式
语法：CSS 属性：值；

注意：CSS 样式声明可以是多条，<标签 style=“属性:值；属性:值；”

常见的CSS属性

1.属性:font-size

2.取值以像素为单位的数值，浏览器默认的字体大小是 16px

1.属性：color

2.取值：颜色的英文单词或RGM(数值,数值,数值)或#b0b0b0（十六进制）

设置背景颜色

background-color
取值：颜色的英文单词或RGM(数值,数值,数值)或#b0b0b0（十六进制）

<!--行内样式-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</tit

关注

专栏目录