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

来源：互联网发布：淘宝网电脑网页版登陆编辑：程序博客网时间：2024/05/16 17:30

今天已经是第三天了，虽然之前了解过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