9.26学习报告

9.26周二

学习目标：CSS和网页布局

学习工具：《HTML5与CSS3网页设计基础》，Dreamweaver 2015 CC

学习笔记：1.CSS的形式

（1）内联：

<p style="#FFFFFF">Hello</p>

（2）嵌入;

<style>
    body{color="#FFFFFF";}
    .hahaha{color="FFFFFF";}
</style>
<body>Hello</body>
<p class="hahaha">Hello</p>

（3）外部：

class.css:

.hahaha{color="#FFFFFF"}

index.html:

<link href="class.css" rel="stylesheet">

2.CSS中的字体各种样式

e.g. font-family="Comic Sans W3"

font-size="2"

3.CSS的框的概念

意味着每个CSS元素在网页中都被视为一个框，所有其他关于边距等等的操作都是建立在这个框的基础上的。

e.g. border-style="none"
margin-bottom="auto"
padding-bottom="auto"

上面这几个都是我在看书过程中觉得很重要很常用的，记了下来，其他的属性在dw中可以比较方便的调节，也不需要太多手打的代码去支撑。到此为止算是大概掌握了CSS的基础，在之后的时间里会结合书上的案例去运用它们，没有把所有的条目都在自己的页面上测试过，所以也就不放做实验的页面上来了。

myc0523

发布了14 篇原创文章 · 获赞 2 · 访问量 1万+

私信关注