css3入门教程

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

Cocoa-k

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

阅读量526

点赞数

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

本文链接：https://blog.csdn.net/weixin_38703170/article/details/106000173

版权

2 篇文章 0 订阅

订阅专栏

css3介绍

CSS（Cascading Style Sheets）:层叠样式表，主要用来定义HTML在浏览器显示出来的样式，比如文字的大小、颜色等。

css样式由选择符和声明组成，声明由属性和值组成。
在这里插入图片描述

/*注释语句 */

将css样式代码直接写到html标签里，如：

<header style="color: red">我是如此优秀</header>

效果：
在这里插入图片描述

把css样式代码写在<style type=“text/css”></style>标签之间。此标签一般放在<head></head> 标签之间。

代码：
在这里插入图片描述

将html与css分开，将css代码写在一个单独的外部文件里。css样式文件以.css为扩展名，在html文件里，在<head>标签内用<link>标签，将css样式文件连接到html文件内。

代码示例：
html文件：

<!-- "rel" and "type" is fixed and cannot be modified; "href" is the name of CSS file -->
<link rel="stylesheet" href="style.css" type="text/css">

css文件：

span{
    color: royalblue;
}

内联样式>id选择器>类选择器>标签选择器>通配符选择器。
为撒？
浏览器是根据权值来判断使用哪种样式的，一般标签的权值=1；

好气哦我写的东西全没了。

关注