文档介绍：HTML知识点
一、功能
用来制作静态网页,网页中的全部内容都是通过Html语言展现出来。
使用场合:开发静态网页。
二、思想
一切功能都由标签实现,标签具有四要素。
三、常用标签
标签关键字
功能
常用属性
<font></font>
设置字体,字号,颜色
face, color, size
<br/>
换行
<center> </center>
居中对齐
<hn> </hn>
设置标题级别
H1最大 h6最小
align
<hr />
插入水平线
size, width, align
<p> </p>
划分段落,
align
<ol > </ol>
创建有序编号列表
type, start
<li> </li>
定义一个列表项
<ul > </ul>
定义无序符号列表
type
<img />
插入图片
src,width,height,border, title,alt
<table></table>
插入表格
border,width,height, bgcolor,bordercolor, cellpadding,cellspacing
<tr></tr>
创建一行
<td></td>
创建一列
colspan, rowspan
<th></th>
创建一列,元素居中,粗体
<caption></caption>
设置表格的标题
<form> </form>
收集用户输入信息,并提交给服务器
action, method
<input type="text" />
创建文本框
name, value
readonly, disabled
<input type="password" />
创建密码框
<input type="radio" />
创建单选按钮
checked
<select > </select>
创建下拉列表框
name
<option> </option>
创建列表项
value, selected
<input type="checkbox" />
创建复选框
checked
<textarea> </textarea>
创建文本区域
name,rows, cols
<input type="hidden" />
创建隐藏控件
<input type="submit"/>
创建提交按钮
<input type="reset"/>
创建重置按钮
<a > </a>
超级链接,网页跳转
href, target
<meta name="keywords" content="淘宝网"/>
指定快速的查询到该网页的关键字
<meta name= "description" content= "淘宝网-亚洲最大/>
//提供网页内容的描述信息
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
//指定文档类型和页面字符集
四、案例
1、诗篇
2、学生课程表
3、注册页
CSS知识点
一、功能
1、css格式化页面中的各组成元素
2、css决定元素在页面的具体位置
二、思想
属性是css最小构成单元,每个属性都有特定功能,多个属性构成样式,由样式修饰html语言的标签。
三、样式修饰标签
1、style属性
html标签添加style属性,属性值是多个css属性的组合。
2、标签选择器
样式名与标签关键字相同,根据名称相同自动关联。
3、ID选择器
1>样式名以#开始;2>标签添加id属性与样式关联。
4、类选择器
1>样式名以. 开始;2>标签添加class属性与样式关联。
5、属性选择器
标签名[属性名=属性值],根据标签关键字和属性值自动关联。
6、包含选择器
1>子样式名中间加>或空格分隔(>直接包含);
2>看最后一个子样式是什么选择器就如何关联标签。
7、多个样式名同一样式体
1>样式名中间加逗号分隔;
2>根据样式类型决定如何与标签关联。
8、多条件同时成立选择器
1>多个子样式名紧挨着
2>一个标签必须同时具备这多个条件才可以被该样式修饰
9、各选择器使用场合
1)如果想根据标签名用一个样式修饰所有同名标签时,用标签选择器;
2)如果一个样式只想修饰唯一的一个标签时,用id选择器;
3)如果一个样式想修饰多个任意标签时,用类选择器;
4)尽量使用包含选择器。
四、元素定位
1、盒子模型
通过设置标签的内外边距从而改变元素的位置,没有脱离标准文