css简介，使用css修改样式，css基本语法。

最新推荐文章于 2022-12-07 14:43:53 发布

手搓二十四种设计模式

最新推荐文章于 2022-12-07 14:43:53 发布

阅读量425

点赞数 2

文章标签： css html servlet

本文链接：https://blog.csdn.net/m0_73892800/article/details/127073677

版权

css简介
   网页分为三个部分：
1.结构（html)写出来不太好看。它会使用浏览器自动带的样式
2.表现(css)
3.行为(jave script)
css中文名称：层叠（网页实际上是个层状结构，可以给每层设置样式，但我们只会看到最上面的样式）样式表，就好像女生化妆会涂很多层但我们只能看到最上面一层。
   通过css可以为网页的每一层设置样式，最终我们能看到的只能看见最上面一层。
   css可以用来设置网页中元素的样式。给网页化妆

   使用css修改样式
   1.内联样式(开发时不推荐使用)因为你需要每一条都写一个style标签，比较麻烦。
方法：直接在标签内部通过style属性设置
   color样式值，red样式名，当然不止能写一个样式值，记住分号结尾。
       -问题：样式只能对一个标签生效，如果希望我们影响到多个元素，就必须在每个元素中都复制一便。
假如你复制了一万遍了以后，然后有一天你想改变字体的颜色，改变起来会很麻烦。（不方便维护）
       开发时绝对不要用内联样式。

2. （内部样式表）不会大规模使用
   -将样式编写到<head>中的style标签中。需要给其中写一个比如p{}然后在大括号里编写，比如
           <head>
              <style>
                  p{
                      color:yellow;
                  font-size:60px;
                  }

              </style>


           </head>
存在的问题：只能对一个网页起作用，里面的样式不能跨页面进行使用，只能在当前页面用。

  3.（外部样式表）这个可以解决2中的问题
   可以将css编写到一个外部的css文件中。
       新建一个文件，扩展名必须是css
       然后通过link标签来引入外部css外部文件
       <link rel="stylesheet"href="./new_file two.css"/>注：./new_file two.css就是所引用的扩展名为css的外部文件。
       在css文件中写： p{
           color:yellow;
       font-size:60px;
       }
       就可以将样式引入别的网页。使样式可以在不同页面之间复用。（在开发中推荐的使用方式）
       特点：将样式编写到外部css文件中可以最大机制的使用到浏览器的缓存机制，从而加快网页的加载速度。
       提高用户体验。
       比如：有三个网站A B C他三个都引用了css文件，当你访问A时浏览器会进行一个缓存，当你访问B和C时浏览器会直接从你缓存后的本地文件进行加载
       这样就会快很多。



在css或head中的style标签中的解释符号与html不一样用/**/来表示也可以ctrl加/

css基本语法
1.选择器

2.声明块

选择器：可以选择页面中的指定元素
比如：
p{
           color:yellow;
       font-size:60px;
       }       （选择页面中的p元素就是选择器）
       写了以后可直接在body中写带p标签的，也可以将p改成h1选什么写什么。
       css文档，可看选择器
声明块：来指定要为元素设置样式{}中的元素。
由一个个声明组成如：color：red；
   是一个名值对结构，一个样式名对应一个一个样式值，以英文的：连接以；结尾
   最后一个；可以省略，中间的千万不要省略。