码迷,mamicode.com
首页 > Web开发 > 详细

PHP课程总结20161108

时间:2016-11-09 13:13:09      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:田字格   知识点   style   标签   课程   

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

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

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

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

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

       在样式<style></style>中,正确写法:.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;”(给两个值,对边相等)

       四、default/index:默认网站首页。网址:www.51cto.com/index.html中“www.51cto.com 代表服务器中的一个文件夹。

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

       标题标签:<h2></h2>,字体大小h1~h6;段落标签:<p></p>;h标签和p标签都可以自动换行,类似div;换行:<br>。

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

       七、居中田字格编程过程

 

技术分享

技术分享

       八、居中四圆编程过程

技术分享

技术分享

       九、标题和段落编程过程

技术分享

技术分享

 

     

 

本文出自 “12244280” 博客,请务必保留此出处http://12254280.blog.51cto.com/12244280/1870865

PHP课程总结20161108

标签:田字格   知识点   style   标签   课程   

原文地址:http://12254280.blog.51cto.com/12244280/1870865

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!