1. HTML学习链接:http://study.163.com/course/courseLearn.htm?courseId=432008#/learn/video?lessonId=555090&courseId=432008
2. WebStrom 软件编写html代码,下载火狐浏览器,两者连接,可边写边查看显示结果
HTML语法摘要:
1. css控制,div布局。
a. css有几种引入方式?
答:3种。(1)引入样式表,在样式表中编写样式 (创建html和css文件):在html文件中引入css文件(css.css)
<link href="css.css" rel="stylesheel" type="text/css">//rel与type中是固定的
(2)在html头部用<style></style>包起来
<style type="text/css">
{
padding: 0px;
margin: 0px;
}
</style>
(3)在标签里面直接编写行内样式
<div style="color:red"></div>
*(4)用js直接更改或赋值给某个标签
b. div的声明可以用id和class,其区别是?
答:(1)id:唯一的,在html中只能用一次。注意id声明不能为数字
(2)class:可反复使用,可以多个div同时用相同的class名
PS:尽量用class声明
c. 如何让两个div并排显示?
答:用float浮动属性。在css中加入float:left / right 。注意宽度!!当两个div的宽度总和超过body的则不会显示出并排效果。
2. 田字格布局:即需要清除浮动。
clear:left / right ;// 清除左浮动 / 清除右浮动
clear:both ;// 清除上面的所有浮动
3. 若父div中有两个子div是浮动的,那么,父div的height有没有被子div撑起来,父div的height等于多少?
答:因为子div是浮动的,所以没有将父div的height撑起来,即父div的height=0px;
PS :在布局时,要先将页面类比成一个最大的div,即<div class="container“></div>