CSS

来源：互联网发布：交通规划与仿真软件编辑：程序博客网时间：2024/06/05 18:44

CSS介绍
CSS是层叠样式表用来定义网页的现实效果。可以解决html代码对样式定义的重复。
提高后期样式代码的可维护性，并增强的网页的显示效果功能。CSS将网页内容和显示样式进行分离，提高了显示功能。
通过四种方式：
1.style属性方式：
   利用标签style属性来改变每个标签的显示样式。
eg:
    <p style="background-color:#fffff;color:#FFFFFF">
       P标签段落内容
    </p>
   该方式比较灵活，但是对于多个相同标签的同一样式定义比较麻烦，适合局部修改。
2.style标签方式：（内嵌方式）
   在head标签中加入style标签，对多个标签进行同一修改.
<head>
    <style type="text/css">
    p{color:#FFFFFF;}
    </style>
</head>
   该方式可以对单个页面的样式进行同一设置，但对于局部不够灵活。
3.导入方式：
   前提是已经存在一个定义好的CSS文件。网页的一部分样式需要用到，那么就用到这种方式。
   例：
   <style type="text/css">
@import url(csss_3.css);
div{
   color:#FFFFFF}
    </style>
注：url括号后面必须要用分号结束。如果导入进来的样式重复，以本页定义样式为准。
5.连接方式。
通过head标签中link标签来实现，前提也是要先要有一个已定义好的CSS文件。
例：
   <link rel="stylesheet" type="text/css" href="css_3.css" media="screen"/>
注：可以通过多个lind标签连接进多个CSS文件，重复样式以后链接进来的CSS样式为准。

样式优先级：
由上到下，有外到内。优先级由低到高。