重拾CSS——学习之旅

最新推荐文章于 2024-10-13 19:30:05 发布

长了颗智齿

最新推荐文章于 2024-10-13 19:30:05 发布

阅读量127

点赞数

分类专栏： css技巧文章标签： css

本文链接：https://blog.csdn.net/qq_37735206/article/details/106411081

版权

css技巧专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、什么是css

css叫做层叠样式表，它定义了如何显示html元素。样式通常存储在样式表中，引用css外部式是为了解决表现与数据分离的问题，外部样式也可以极大的提高工作效率。存储在css文件中，多个央视定义可层叠为一个

2、语法

css实例主要由两部分组成，选择器以及一条或多条声明

h1{ 
    color:blue;
    font-size:12px;
 }

h1部分属于选择器，{}部分属于声明，声明又分为属性和值，color即时属性blue即为值

3、代码段中的注释

/*这里是注释尽量少用空格*/
p{
    font-size:12px;
    /*这是又是一个注释，代码编译过程中会自动跳过注释*/
}

4、css id选择器和class选择器

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>努力中</title> 
<style>
#para1
{
	text-align:center;
	color:red;
} 
.para2{
    text-align:center;
    color:blue;
}
</style>
</head>

<body>
<p id="para1">Hello World!</p>
<p class="para2">这个段落 class的影响。</p>
<h1 class="para2">这个段落 class的影响。</h1>
</body>
</html>

p标签的id属性值为para1，用id选择器 #para1 , css样式只影响id为para1的样式

其他两标签class属性为para2，显示.para2中所声明的样式

一般特殊标签样式用id选择器，通用样式元素比较多的用class选择器

有事未完待续