CSS基础总结(一)

CSS样式表引入方法

最新推荐文章于 2024-09-11 20:08:24 发布

更好的自己520

最新推荐文章于 2024-09-11 20:08:24 发布

阅读量266

点赞数

CC 4.0 BY-SA版权

分类专栏：前端基础总结文章标签： url css

本文链接：https://blog.youkuaiyun.com/a3060858469/article/details/80058097

前端基础总结专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何在HTML中引入CSS样式表的几种常见方式，包括使用<link>标签和@import关键字来链接外部样式表文件。同时，文中还列举了CSS中常见的选择器类型及其优先级规则。

代码段

<script type="text/css">   </script>
或者
<link href="style.css" rel="stylesheet" type="text/css">

1：使用<link>标签导入外部样式表 
href：定义样式表文件URL
type：定义导入文件类型，同style元素一样
rel：用于定义文档关联，表示关联样式表

2：使用@import关键字导入
<style type="text/css">
    @import url("001.css");
</style>

例：

body{   选择符
    font-size:12px; 声明(属性+属性值)
    color:#333;
}

基本的选择器

ID选择器：#header {}
类选择器：.header {}
元素选择器：div {}
子选择器：ul > li {}
后代选择器：div p {}
伪类选择器：a:hover {}
属性选择器：input[type=”text”] {}
id优先级高于类class；

DIV分块的用法
https://jingyan.baidu.com/article/d8072ac495ae28ec95cefdca.html