CSS入门

最新推荐文章于 2024-05-29 09:41:08 发布

jssd

最新推荐文章于 2024-05-29 09:41:08 发布

阅读量168

点赞数

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

本文链接：https://blog.csdn.net/qq_36835560/article/details/99692132

版权

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

CSS入门

为什么学习css(why)

HTML虽然可以在一定程度上修饰页面, 但是页面的整体不够美观
HTML进行网页的书写, 重复代码比较多, 后期的维护不太好

什么是css(what)

CSS是层叠样式表(Sascading style sheets)的英文字母缩写

CSS引入方式

行内样式

<p style="color:red">这里是红色的</p>

内嵌样式

<head>
    <style>
        p{
            /*字体颜色*/
            color: red;
            /*字体大小*/
            font-size: 20px;
            /*字体加粗*/
            font-weight: bold;
        }
    </style>
</head>

外联样式

rel: 当前的文档和引入的文档的关系

href:是指引入文档的关系

<link rel="stylesheet" type="text/css" href="css/css1.css"/>

导入式

不建议使用, 了解即可

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

CSS中三种引入方式遵循就近原则

不相同的样式会进行样式的叠加，相同的样式会采用就近的
原则。样式跟随距离自己近的风格 .

也就是说, 新的样式会把旧的样式替换

jssd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS入门

CSS入门为什么学习css(why)HTML虽然可以在一定程度上修饰页面, 但是页面的整体不够美观HTML进行网页的书写, 重复代码比较多, 后期的维护不太好什么是css(what)CSS是层叠样式表(Sascading style sheets)的英文字母缩写CSS引入方式行内样式<p style="color:red">这里是红色的</p>内嵌样...
复制链接

扫一扫

专栏目录