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

我对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>

猜你喜欢

转载自www.cnblogs.com/3532gll/p/9463637.html
今日推荐