十天小白训练营day03—回顾及总结

       今天已经是第三天了,虽然之前了解过html+css基础知识,但是掌握的并不牢固,而且每天还要忙其他的事情,对于前几天学习的内容,在有了解的基础上,有了一些深入的认识。今天的内容本该昨天就完成的,硬是拖到了今天晚上。下面整理下第三天的学习内容:
1、css的引入方式:行内css、内部css和外部css,其中外部css用到最广泛;
行内css:

<p style="color:red;">你好</p>

内部css:在当前HTML页面head标签里面的,内部样式表只对所在的网页有效

<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            p{
            color:red;
            }
        </style>
    </head>
    <body>
        <P>你好</p>
    </body>
</html>

外部css:一个外部的样式表,可以使网页打开的速度更快。

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>css内嵌样式</title>
    <link rel="stylesheet" type="text/css" href="ccss.css">
    <!--这个就是外部css,href="外部样式表路径"-->
</head>
<body>
<div id="div"></div>>

</body>
</html>

2、css选择器:

a. 标签选择器:

p{
font-size:12px;
background:#900;
color:090;
}

b. 类选择器:在HTML中,元素可以定义一个class的属性
如:

<div class="div1"></div>

定义这个class属性,以“.”来表示:

.div1{
color:#FF0000;
}

b. ID选择器:为标有特定 ID 的 HTML 元素指定特定的样式,前面以”#”号来标志,在样式里面可以这样定义:

#div1{
color#FF0000;
}

同一个id属性只能在页面中出现一次。
了解了css的选择器以后,剩下就是css属性的基本内容,这部分内容不作过多的描述,到现在为止,我发现最大的问题就是,看着别人的视频,笔记都能听懂,能理解,到自己上手写代码的时候,常常不知道从哪里开始,这就是为什么我不作过多的描述的原因吧,因为太懒了。
明天会学习到css3的一些新特性,包括之前html5新增标签,这些都是我没了解到的内容,明天的笔记一定详细记录。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值