燕十八_div css教学笔记

《燕十八_div css教学笔记》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、自学it网公益it培训PHP,Python,java免费学http://www.zixue.it第一天Html三部分1：文档声明文档声明很重要，直接影响浏览器的渲染效果。不属于html文档的一部分，不用闭合。2：head区域网页的标题3:body区域Body区域放各种标签和内容而内容不能够直接写在body里面。

2、C"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3、content=""/>Helloworld3.5:meta----head里面的meta代表"元信息",用来说明网页自身的信息,一般是给浏览器,搜索引擎看的比如:--->告诉浏览器,这是一篇utf-8编码的文档

4、ontent=""/>-->这是告诉搜索引擎本页面的主要内容-->这是告诉搜索引擎,本页面体现的关键字3.6:在网页源码里写的换行,在网页效果上不会体现出来自学it网公益it培训PHP,Python,java免费学http://www.zixue.it3.7:html标记:分为双标签和单标签例:加粗效果,文字会变粗接下来会换行
共同点:无论是单双标签,都要求"闭合"单标签也要自身闭合
3.8:标签可以嵌套,但是,

5、不能相互嵌套例如:一岁一枯荣.不合法自学it网公益it培训PHP,Python,java免费学http://www.zixue.it页面布局当拿到一张图片或者准备做一个页面的时候,首先,不要去看文字,颜色等细节,而是总整体上,看页面该如何划分,划分成"块"按"从上到下","从左到右","从大到小"Div布局,Css控制显示效果标签体现语义Div块状元素的一个重要特点:无论宽度如何,在浏览上的显示效果都是---独占一行自学it网公益it培训PHP,Python,java免费学h

6、ttp://www.zixue.it盒模型:一个div是一个矩形,为了方便控制div的效果,我们推荐把div理解成"一个木头盒子"分析现实中的情况:一个盒子:有边框(边框有多厚?用像素自定义)盒子内部的内容,离边框内部有多远的距离,还是说可以贴着内边框放置?内容离内边框的距离叫做-----内边距盒子本身有一个大小:宽,和,高盒子与盒子之间可以保持距离:外边距宽:Width高:height边框:border内边距:padding外边距:margin盒模型的深入探讨:1个盒子在页面上到底占多大的空间?答:w

7、idth和height是指允许写内容的区域的大小,也就是说:padding往里的内容.允许写内容的区域自学it网公益it培训PHP,Python,java免费学http://www.zixue.it第二天：目标：掌握盒模型浏览器对于div,p,li标签等元素，可能会对他们设置一个默认的margin值，border，padding值，而且不同的浏览器之间设的默认可能不同。Css初始化，就是把所有的标签，margin,border,padding设为0，大家都在同一个起跑线上。盒模型border学习Bord

8、er:三要素，不可缺少。边框样式，边框宽度，边框颜色分别指定：Border-styleBorder-widthBorder-color例：border-style:solid;border-width:10px;border-color:blue;也可以通过border属性一次性指定（注意：属性顺序为stylewidthcolor）border:solid10pxblue;*如果想单独指定某个边的边框效果(以右边框为例)Border-rig