HTML&&CSS复习(三)

常用标签属性

有序列表 默认为1

ul与ol前的符号是可以修改的。只需要修改它们的type值。

<ol type=”1/a/A/i/I”>  

<li></li>  

<li></li>

</ol>   

reversed=”reversed”逆向排序

start=”2”设置开始数字

无序列表

<ul type=” disc/circle/square”>  

<li></li>  

<li></li>  

</ul>
ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块。
ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
通过CSS也可以在将它们前的符号改为图片，这样列表显示就会更美观了。
ul /ol是块级元素可以定义宽和高 ,li表示行排列不能单独使用，需要在ul和ol里面，配合使用。

<img src=”图片地址”  alt=”规定图像的替代文本。”内容出错时字体提示  title=”字体”图片提示符>

图片地址

1.网上url  

2.本地绝对路径（完整地址）

3.相对路径（相对地址）

<a herf=”...” style=””可加图形 target=”_” 规定在何处打开链接文档。>

1.网页链接（超文本引用）

2.锚点定位   

3.打电话（<a href=”tel:18952628915”>给某人打电话</a>）  

发邮件（<a href=”mailto：邮件地址”>给某人发邮件</a>）  

4.协议限定符<a href=”javascript:while(1){alert(‘a’)} ”>点吧</a>（无限弹窗）

<form method=”get”(发送方式) action=” ”(接收方地址)>

method 属性规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）。

表单数据可以作为 URL 变量（method="get"）或者 HTTP post （method="post"）的方式来发送。

action向何处发送表单数据。

可能的值：  绝对 URL - 指向其他站点（比如 src="www.example.com/example.htm"）

相对 URL - 指向站点内的文件（比如 src="example.htm"）

Username:<input type=”text” name=”username” value=”请输入”> 输入框

规定 input 元素的类型type:button、checkbox、file（文件选择框）、hidden、image、password、radio（单选）、reset（重置表单）、submit、text

单选框(多个时要有相同name)

radio单选  checkbox复选

<input type=”radio/checkbox” name=”start” checked=”checked”(默认选择)>

<input type=”radio/checkbox” name=”start” >

<select  name=”province”> 下拉选择框

<option value=””> b</option>  改变value时 提交结果以value值为准

<option value=””> c</option>

<option value=””> a</option>

</select>

</form>

选择器

id选择器、类选择器、标签选择器、伪类选择器、伪元素选择器、通用选择器（*）

内联样式>id选择器>类选择器>标签选择器 带有!important标记的样式属性优先级最高

id选择器

<div id="only">123</div>

#only{ }

class选择器

<div class="d">123</div>

.d{ }

标签选择器

<div>123</div>

div{ }

通配符选择器

<span>345</span>

<div>123</div>

*{}(所有标签生效)

属性选择器

[id]{background-color: red;}

<div id=”d” >{}</div>

css权重

!important       Infinity

行间样式        1000

id               100

Class|属性|伪类   10

标签|伪元素       1

通配符            0

其中伪类和伪元素的根本区别在于：它们是否创造了新的元素。

伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素

伪类：存在DOM文档中，逻辑上存在但在文档树中却无须标识的“幽灵”分类。

部分资料来自网上