尚硅谷web前端工程师1000集学习笔记12

最新推荐文章于 2020-02-22 10:59:18 发布

哒哒哒菓子

最新推荐文章于 2020-02-22 10:59:18 发布

阅读量77

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/qq_38547320/article/details/104252483

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

CSS

层叠样式表 (Cascading Style Sheets)
css可以用来为网页创建样式表，通过样式表可以对网页进行装饰。
所谓层叠，可以将整个网页想象成是一层一层的结构，层次高的将会覆盖层次低的。
而css就可以分别为网页的各个层次设置样<!doctype html>

第一种：行内样式 /内联样式<p style="color:red;font-size:40px;">锄禾日当午，汗滴禾下土</p>

第二种：内部样式<style type="text/css">
p{
color:red;
font-size:40px;
}
</style>

第一二种写法的代码如下：

<html>
   <head>
       <meta charset="utf-8" />
       <title>CSS</title>
       
       <style type="text/css">
           p{
               color:red;
               font-size:40px;
           }
       </style>

   </head>
   <body>
       <!--
           可以将CSS样式编写到元素的style属性当中
               将样式直接编写到style属性中，这种样式我们称为内联样式
               内联样式只对当前的元素中的内容起作用，内联样式不方便复用
               内联样式属于结构与表现耦合，不方便后期的维护，不推荐使用的
               <p style="color:red;font-size:40px;">锄禾日当午，汗滴禾下土</p>
               <p style="color:red;font-size:40px;">谁知盘中餐，粒粒皆辛苦</p>
       --
       <p>谁知盘中餐，粒粒皆辛苦</p>
       <p>谁知盘中餐，粒粒皆辛苦</p>
       <p>谁知盘中餐，粒粒皆辛苦</p>
       <p>谁知盘中餐，粒粒皆辛苦</p>
       <p>谁知盘中餐，粒粒皆辛苦</p>
       <p>谁知盘中餐，粒粒皆辛苦</p>
   </body>
</html>

哒哒哒菓子

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
尚硅谷web前端工程师1000集学习笔记12

CSS 层叠样式表 (Cascading Style Sheets) css可以用来为网页创建样式表，通过样式表可以对网页进行装饰。所谓层叠，可以将整个网页想象成是一层一层的结构，层次高的将会覆盖层次低的。而css就可以分别为网页的各个层次设置样<!doctype html>第一种：行内样式 /内联样式<p style="color:red;font-size...
复制链接

扫一扫