php课程小结,PHP课程总结20161108

本文详细介绍了HTML中的div元素及其在盒子模型中的应用,包括border、margin和padding属性。同时,讲解了float和clear属性用于布局的重要性。此外,还对比了id与class的区别,强调了id的唯一性和在样式的优先级。文章还涵盖了标题标签(h1-h6)和段落标签(p)的基础知识,以及实体字符的使用,如空格、大于号和小于号。最后,提到了居中布局的实践案例,包括居中田字格和四圆编程过程。

今天的课程,老师主要介绍了div(盒子模型)更加系统性的一些知识以及标题标签和段落标签的相关知识。

一、补足昨天遗落知识点。

属性float(浮动)属性值有两个:left和right;

属性clear(清除)属性值有三个:left、right和both;

“clear:left;”表示:“我的左边不允许有任何东西”;

在样式中,正确写法:.clean{width:0px;height:0px;clear:both;}

二、“id”与“class”的比较。

1.“id”的唯一性更强;

2.“id”与“class”同时出现,程序优先指向“id”;(在样式style中,“id”与“class”样式存在交集,“id”可以覆盖“class”相应内容,详见“居中田字格”编程内容)

3.、“class”代表“一类”,、“id”代表“一个”,详见“居中田字格”编程内容

三、div(盒子模型不一定是div,只是它具有代表性,它代表一切会换行的东西,代表一类)

属性:border(边框)、margin(外边距)、padding(内边距);margin默认从上面开始,顺时针行走;"margin:20px 10px;"代表“margin-top:20px;margin-right:10px;margin-bottom:20px;margin-left:10px;”(给两个值,对边相等)

代表服务器中的一个文件夹。

五、标题标签和段落标签。

标题标签:

,字体大小h1~h6;段落标签:

六、实体:在html中具有特殊意义的字符,如空格( )、大于(>)、小于(<)。(编程中符号不能直接打出来,想想是否是实体)

七、居中田字格编程过程

9d779b89dd5fcbfdc5e946a174b5707a.png

fcb15af7c92b01b7e39b3428b2252bfe.png

八、居中四圆编程过程

430ddcb71c639a309940b902069deef1.png

054ee914fe674f8e8223456d85a038d4.png

九、标题和段落编程过程

ce3bf9d3d79bfcf715e6c430ff03de46.png

78804fa817199f0f20da79244beeda70.png

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值