今天已经是第三天了,虽然之前了解过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新增标签,这些都是我没了解到的内容,明天的笔记一定详细记录。