码迷,mamicode.com
首页 > Web开发 > 详细

HTML 之 CSS基础 (理解什么是css以及css怎样工作)

时间:2018-08-12 18:50:40      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:怎样   ext   blank   body   ref   head   理解   style   get   

我对css的认识很浅,依代码加深记忆!

css样式分三种: 

1: 元素内嵌样式表

2:文档内嵌样式表

3:使用外部样式表

 

我已在下面画出

http://www.w3school.com.cn/tiy/t.asp?f=html_a      自己看一看

注意,那个外部指向的"css基础.css"在本地。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>理解啥是css</title

    <link rel="stylesheet" type="text/css"  href="css基础.html">    <!--这就是个把外部的css引进来的link,但是这个东西优先级低,没有显现。-->

    <style type="text/css">
        a{
            font-size:80px;
            color: #59ed45;
        }
    </style>

</head>
<body>

    <a> 我将被,文档内嵌样式表控制,就是在,head里面控制我!</a> <br><br><br><br>


   <a style="font-size: 30px; color: #ff335f;"  >我是被元素内嵌样式表控制的,层叠样式表=Cascading Style Sheets,我优先级最高!!</a>    <!-- 元素内嵌样式表-->
</body>
</html>

HTML 之 CSS基础 (理解什么是css以及css怎样工作)

标签:怎样   ext   blank   body   ref   head   理解   style   get   

原文地址:https://www.cnblogs.com/3532gll/p/9463637.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!