CSS基础-1

最新推荐文章于 2024-09-10 22:58:41 发布

jackson_hua

最新推荐文章于 2024-09-10 22:58:41 发布

阅读量167

点赞数

分类专栏：前端学习文章标签： css 前端 html

本文链接：https://blog.csdn.net/jackson000385/article/details/112920637

版权

本文介绍了CSS的基础知识，包括样式类型（内联、内部和外部样式）、选择器（标签、ID、类、群组、后代、子代、伪类和伪元素）以及选择器的优先级。此外，还讨论了行级、块级和行块级元素的特性，提供了转换方法。最后，概述了CSS的基本样式，如宽高、背景、字体和文本对齐等。

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

CSS是对HTML界面的美化，可以通过具体的ID，class等方式进行集体美化

<head>
<title></title>
<meta name="" content=""></meta>
<style></style> //内部样式
<link rel="Stylesheet"  type="Text/css"  href=".css "/>  //外部样式
</head>

CSS的样式类型

1. 内联样式

内联样式是在html的 body的标签里直接写入css的样式，其优先级是最高的，如果里面的样式与其他的内部样式或外部样式，重复时，以内联样式为准。

2. 内部样式

内部样式是在html头文件里写入style，在style内写入具体的css样式，具体的写入的方法见下文。内联样式具体为
<style> </style>

3. 外部样式

在实际的运用过程中，我们的样式基本是非常多的，这时可以另外写一个css样式的文件，将文件引入HTML里就可以
直接的进行使用了，具体引入方法为：
<link rel="Stylesheet" type="css" href=".css "/> //外部样式 href为:css文件的路径

CSS的选择器

知道了CSS的基本样式后，那么我们怎么样选取固定的标签来给他加入样式呢？下列样式均在style内写入

标签选择器

最低0.47元/天解锁文章

jackson_hua

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS基础-1

CSS是对HTML界面的美化，可以通过具体的ID，class等方式进行集体美化<head><title></title><meta name="" content=""></meta><style></style> //内部样式<link rel="Stylesheet" type="Text/css" href=".css "/> //外部样式</head>CSS的样式类型1
复制链接

扫一扫