CSS总结

最新推荐文章于 2023-08-18 20:40:23 发布

魏恩君--Caroline

最新推荐文章于 2023-08-18 20:40:23 发布

阅读量378

点赞数

分类专栏： ----【CSS】

本文链接：https://blog.csdn.net/weienjun/article/details/78652215

版权

1 篇文章 0 订阅

订阅专栏

是什么

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，样式如下：

关注

专栏目录