CSS总结

来源:互联网 发布:057型护卫舰数据和航速 编辑:程序博客网 时间:2024/06/08 10:40

是什么

    CSS(英文全称:Cascading Style Sheets),中文名称为层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。如果说HTML或XML展现内容,JS实现动态交互,CSS就是内容的样式管理。它不仅可以静态的修饰网页,也可以配合各种脚本语言动态的对网页更元素进行格式化。


为什么

1.css具有丰富的样式定义,网页上那些丰富多彩的样式都是通过css设置的。

2.易于使用和修改。css可以使用链接式,需要修改只需要更改css文件,同意存放,便于统一管理。

3.多页面应用。一个css文件可以供多个文件使用。

4.层叠。对样式可以进行多次设置,它只使用最后一次设置的属性值。

5.页面压缩。将样式的声明单独放到css样式表中,可以大大减少页面的体积,使加载页面的速度大大加快。


怎么用

CSS有4种使用方法,分别为如下:

1.行内样式:即将css样式写在HTML的style属性中。例如:

<p style="color:#FFFFFF;font-size:20px;text-decoration:underline;">你好</p>
2.内嵌式:将CSS写在<head>与</head>之间,并且用<style>和</style>标记进行生命。

3.链接式

<html>  <head>    <title>World Trans</title>    <link href="index.css" rel="stylesheet" type="text/css" />  </head></html>
4.import样式

<html>  <head>    <title>World Trans</title>    <style type="text/css">    <!--       @import url(1.css)    -->    </style>  </head></html>


小成果

做了几个小demo,样式如下:




原创粉丝点击