学习使用HTML5第二次小结——CSS篇

最新推荐文章于 2024-07-16 14:59:55 发布

多喝

最新推荐文章于 2024-07-16 14:59:55 发布

阅读量96

点赞数

分类专栏：学习前端网页制作文章标签： css3 html5

本文链接：https://blog.csdn.net/weixin_42457255/article/details/104233221

版权

CSS初步

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建CSS</title>
    <!--将外部样式表引入至html文档-->
    <link rel="stylesheet" type="text/css" href="a.css">
   <!-- <style type="text/css">
        a{
            font-size: 40px;
            color: aquamarine;
        }
    </style>-->
</head>
<body>
<a>文档类型样式表//使用外部样式表</a>
<a style="font-size: 40px;color: #e2ff85;">
 yangyuxi控制文本 大小/颜色（元素内嵌样式表）
</a>

</body>
</html>

将外部样式表引入至html文档
    <link rel="stylesheet" type="text/css" href="a.css">
使用text/css文档类型样式表
<style type="text/css">
        a{
            font-size: 40px;
            color: aquamarine;
        }
    </style>

选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建css选择器</title>
    <style type="text/css">
        /*a 文本语义级别的超链接类型
        根据类型选择元素样式
        用*表示选择所有元素*/
        /*使用class表示根据类选择元素样式
        #id表示根据id选择元素样式，id属性是唯一的身份属性*/
     /*   .class1{
            font-size: 40px;
            color: blueviolet;

        }
        h1{
            font-size: 40px;
            color: blue;
        }*/
      /*  [href="primary.html"]{
            font-size: 80px;
            color: gold;
        }*/
        a {
            font-size: 80px;
            color: gold;
        }
        a:hover{
            font-size: 40px;
            color: aquamarine;
        }
    </style>
</head>
<body>
<a href="primary.html">yangyuxi</a>
<a href="select.html">yangyuxi</a&g

最低0.47元/天解锁文章

多喝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习使用HTML5第二次小结——CSS篇

CSS初步<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>创建CSS</title>  <link rel="stylesheet" t...
复制链接

扫一扫