CSS3基础入门

最新推荐文章于 2022-09-28 20:39:38 发布

chonger_feifei

最新推荐文章于 2022-09-28 20:39:38 发布

阅读量506

点赞数

分类专栏： CSS 文章标签： css3

本文链接：https://blog.csdn.net/chonger_feifei/article/details/123359912

版权

11 篇文章 0 订阅

订阅专栏

简介

cascading style sheet层叠式样式表
是用来给HTML标签添加样式的语言
本质：样式的“清单”，书写合适的选择器，把指定元素的样式“一条一条罗列”出来

.spec{
    color:green;
    font-weight:bold;
    font-style:italic;
}
.warn{
    font-size:20px;
    background-color:orange;
    }

内嵌在.html文件中

<head>
	<style>
	CSS语句
	</style>
</head>

单独存为.css文件，<link>标签引入

<link rel="stylesheet" href="css/css.css">

link：关系
rel属性值为：样式表
href属性值为：路径和文件名（ href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段）
外链式的优点：多个html网页，可以共用一个css样式表文件

最不常见

<style>
    @import url(css/css.css);
</style>

不会等待CSS文件加载完毕，而是会立即渲染HTML结构
所以页面会有几秒的“素面朝天"

style属性写在标签身上

<h2 style="color:red；">我是一个二级标题</h2>

牺牲了样式表的批量设置样式的能力，只能给一个标签设置样式
后台工程师经常使用行内式

选择器{
k:v;
k:v;
k:v
}

注：最后一条样式可以不写分号

.spec{color:green;font-weight:bold;font-style:italic;}

p{
  /*设置文字字号*/
  font-size:40px;
}

关注

专栏目录