9.26学习报告

来源：互联网发布：宁波行知实验小学网站编辑：程序博客网时间：2024/06/05 00:30

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的基础，在之后的时间里会结合书上的案例去运用它们，没有把所有的条目都在自己的页面上测试过，所以也就不放做实验的页面上来了。

阅读全文

0 0