0010-css

最新推荐文章于 2024-08-18 22:48:32 发布

Lynan、

最新推荐文章于 2024-08-18 22:48:32 发布

阅读量161

点赞数

分类专栏：前端HTML5 文章标签： css 前端 css3

本文链接：https://blog.csdn.net/JL_xcly/article/details/122886806

版权

前端HTML5 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>13-css</title>
</head>
<body>
    一、css语法
      1)每个css样式由两部分组成，即选择符和声明，声明又分属性和属性值；
      2）属性必须放在花括号中，属性与属性值用冒号链接。
      3）每条声明用分号结束。
      4）当一个属性有多个属性值的时候，属性值与属性值不分先后顺序，用空格隔开。
      5）在书写样式过程中，空格、换行等操作不影响属性显示。
    选择器（选择符）{属性:属性值；属性:属性值；}  
    二、外部样式表
    利用link或者import引入css文件,写在<head></head>中
    1.<link rel="stylesheet" type="text/css" href="css文件路径"/>
    2.<style>
           @import url("css文件路径");
      </style> 

    link属于xhtml标签而@import是css提供的另一种方式。
    当一个页面被加载的时候，link引用的css会同时被加载，而@import引用的css会等到页面全部被下载完再被加载，所以有时浏览@import加载css的页面会没有样式（即闪烁），网速慢的时候还挺明显。
    三、行内样式表
    在html标签里加style=""
</body>
</html>

Lynan、

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
0010-css

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>13-
复制链接

扫一扫

专栏目录