第二周练习

11.13学习了第九章和第十章

 

第九章 知识点：

表单标签

1.form标签：各种表单标签都要在form标签内。表单是文本框，按钮，单选框，复选框，下拉列表的统称。<form></form>。

属性：①name属性：给表单命名<form name="名称"></form>②method属性：指定表单数据用哪种http提交方法，post比get的安全性更好<form method="post"></form>

2.input标签：自闭合标签<input type="表单类型" />

3.单行文本框：用input标签实现。<input type="text" />

属性：①value属性：设置单行文本框中默认的文本。②size属性：设置单行文本框的长度。③maxlength属性：设置单行文本框最多输入的字符。

4.密码文本框：特殊的单行文本框。<input type="password" />

5.单选框：<input type="radio" name="×××" value="×××" />

属性：①checked属性：默认情况下选中其中一个单选框。②name属性：决定单选/多选

6.复选框：<input type="checkbox" name="组名" value="取值" />与单选框类似。

7.按钮：<input type="button" value="取值" />

提交按钮：<input type="submit" value="取值" />

重置按钮：<input type="reset" value="取值" />

8.多行文本框：<textarea rows="行数" cols="列数" value="取值">默认内容</textarea>

9.下拉列表：特殊的无序列表<selection> <option>选项内容</option>...... </selection>

属性：①select属性：multiple属性-可选择多项②size属性：下拉列表显示数③option标签属性：selected-是否选中，value-选项值

第十章知识点：

iframe标签：实现内嵌框架，即在当前页面嵌入另一个网页。

语法：<iframe src="链接地址" width="数值" height="数值"></iframe>

11.14学习了第十一章

 

 知识点：

1.外部样式表：最理想的css引入方式。改变整个网站的外观。<link rel="stylesheet" type="text/css" href="文件路径" />

2.内部样式表：<style type="text/css"> ...</style>

3.行内样式表：与内部样式表类似，但它是在“标签的style属性”中定义的。<div style="color:red;">文本</div>

11.15学习了第十二章

 

知识点：

1.元素的id和class

（1） id属性：具有唯一性，在一个页面中相同的id只能出现一次。

（2）class属性：同一页面中允许出现两个class相同的元素。

2.选择器：选中元素添加css样式。

3.css选择器：①元素选择器：选中相同元素定义同一个css样式。②id选择器：id前面要加前缀#。③class选择器：class前要加英文句号.④后代选择器：选择元素内部某一种元素的所有元素。父元素和后代元素要用空格隔开。⑤群组选择器：对几个选择器进行相同的操作。两个选择器之间用,隔开。

11.16学习了第十三章

 

知识点：

1.字体类型：font-family：字体1,字体2...字体N; （定义多种字体）。

2.字体大小：font-size：像素值;

3.字体粗细：font-weight：取值;（100-900或normal，lighter，bold，bolder）

4.字体风格：font-style：取值;（normal，italic斜体，oblique斜体）

5.字体颜色：color：取值;（关键字和十六进制rgb值）

6.css注释：/*注释的内容*/

11.17学习了第十四章

 

知识点：

1.首行缩进：text-indent：像素值;

2.水平对齐：text-align：取值;取值分别为①left（左对齐）②center（居中对齐）③right（右对齐）

3.文本修饰：text-decoration：取值;定义文本修饰效果①none（去除所有划线效果）②underline（下划线）③line-through（中划线）③overline（顶划线）。可由此去除超链接中的下划线。

4.大小写：text-transform：取值;属性取值：①none（无转换）②uppercase（转换为大写）③lowercase（转换为小写）④capitalize（首字母大写）

5.行高：line-height：像素值;

6.字间距：letter-spacing：像素值;

7.词间距：word-spacing：像素值;