CSS基础（样式声明、引用（行内样式、内部样式、外部样式、导入样式）、样式优先级）

最新推荐文章于 2024-06-16 17:29:19 发布

「已注销」

最新推荐文章于 2024-06-16 17:29:19 发布

阅读量7.5k

点赞数 4

分类专栏：前端基础入门 css/css3 文章标签： css

本文链接：https://blog.csdn.net/Allisa_yan/article/details/88560429

版权

前端基础入门同时被 2 个专栏收录

22 篇文章 1 订阅

订阅专栏

css/css3

15 篇文章 0 订阅

订阅专栏

什么是CSS

为什么使用css

css样式中不区分大小写

css样式规则

css引用（行内、内部、外部link链入、导入式@import）

行内样式（直接在标签后边添加css样式）

内部样式（通过<style>标签嵌入在<head>标签中）
外部链入（通过<link>标签在<head>标签中引入）
导入式（通过@import 在<style>标签中导入外部样式）

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css样式</title>
    <!--导入式样式-->
    <style type="text/css">
        @import "css.css"  /*或者：  @import url(css.css)*/
    </style>

    <!--内部样式（嵌入样式）：将css样式代码写在<head>标签内部-->
    <style type="text/css">
    <!--
        样式...  //说明：低版本的浏览器不会识别style样式表，不添加html注释则会将css样式展示在浏览器中；而高版本的浏览器则h会直接忽视注释符号，直接识别css样式
    -->
    </style>

    <!--外部样式-->
    <link href="css.css" rel="stylesheet" type="text/css">

</head>
<body>
    <!--css行内样式：在开始标签内 添加 style样式属性-->
    <p style="color:red;font-size:20px;">内容</p>
</body>
</html>

css三种使用方法的区别

（实际工作中多使用链入外部样式）

【注意】：不同标签有不同的默认样式，可参考《HTML标签默认样式汇总》

「已注销」

关注

4
点赞
踩
26

收藏

觉得还不错? 一键收藏
5
评论
CSS基础（样式声明、引用（行内样式、内部样式、外部样式、导入样式）、样式优先级）

目录什么是CSS 为什么使用css css样式规则 css引用（行内、内部、外部link链入、导入式@import） css三种使用方法的区别***网页三大元素******什么是CSS*** ***为什么使用css*** css样式中不区分大小写***css样式规则******css引用（行内、内部...
复制链接

扫一扫