初识CSS

最新推荐文章于 2023-04-21 09:16:35 发布

大耳朵图图！

最新推荐文章于 2023-04-21 09:16:35 发布

阅读量282

点赞数

分类专栏：总结心得文章标签： css

本文链接：https://blog.csdn.net/nanaduolaameng/article/details/107285005

版权

这篇博客介绍了CSS的基础知识，包括CSS的作用、引入方式、基本语法、选择器、属性值，以及字体和文本设置。重点讲解了选择器的种类，如类型选择器、ID选择器和类选择器，并探讨了CSS的继承性和层叠性。此外，还讨论了盒模型的概念和在新闻页面排版中的应用。

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

Cascading Style Sheet：层叠样式表，简称样式表。
作用：实现网页布局，美化网页

就是直接在标签的开始标签中，使用style属性，如下：
<body>
<h1 style=”color:red;”>行内样式</h1>
</body>

直接使用style标签来完成，注意，style标签要写在head部分，不要写到body里面了。

在head部分，添加style标签，如下：
<style>
p{color:red;}
</style>
<body>
<p>内部样式</p>
</body>

分两步，
a.将css作为一个独立的文件来保存，一般后缀**.css**
b.使用link标签引入

注意：还有一种方式，是@import ，但一般不建议使用，因为它会牺牲页面性能。

内联对应的是行内。

CSS样式(或规则)都必须由两部分组成：

注意：

声明块是由{}来构成的

声明之间必须有一个分号，所以在写单个声明的时候，尽量加上最后的分号

声明的属性和属性值之间使用冒号隔开，

在写这些符号的时候，要注意必须是英文的。

CSS有一个特性，如果写错了，它不会报错，只是不起作用而言。
其中selector，翻译为选择器或选择符。

通过前面的一个分析，我们发现在一条css规则中，真正重要的有三个东西：
选择器
属性
属性值
CSS非常强大，其中的一个表现就是他提供了灵活好用的选择器。

作用：用于选中我们需要处理的标签或内容。

选择器	语法	说明
类选择器	e1	以文档对象类型的元素作为选择器，如p、div、span等
id选择器	#id	以作为元素对象的唯一标识符id属性作为选择器

关注

专栏目录