HTML 基本标签以及样式

html：超文本编辑语言
	由标签组成
	标签格式：<标签名>
		分类：
			单标签
				<标签名 />
			双标签

				<标签名></标签名>

单标签：
	<br />：换行
	<hr />：水平线
	<img />：图片标签
		属性：src="图片路径"
双标签：
	标题标签:h1最大，h6最小
	<h1></h1>
	....
	<h6></h6>
	列表：
		无序列表：ul...li
			属性：type：circle
		有序列表：ol...li
			属性：type：...
		标题列表：dl..dt..dd
	<p></p>段落标签，自动换行
	<marquee></marquee>：阿飘
	<a></a>：超链接
		属性：href="路径"

标签里面可以有属性


表单：form
	属性：action:表单提交路径
	method:提交方式-get/post
		区别：
			get:默认 地址栏显示数据
			post:地址栏隐藏数据
表单元素：
	input标签：
		属性：
			name:给标签起名字
			value：标签存储的值
			id：给标签起的唯一标识符
				type:属性
					文本框	text 
					密码框 	password
					单选按钮 radio
						属性：checked：设置选中
					多选框 checkbox
						属性：checked：设置选中
					提交按钮 submit
					重置按钮 reset
					普通按钮 button
					文件选择按钮 file
					图片提交按钮 image
				select : 下拉框
				option:下拉选项
					属性：
						name:给标签起名字
						value：存储值
						selected：设置选中
				textarea：文本域
		表格：table
			行：tr
			列：td
				属性：
					border:边框
					align:对齐方式
					width:宽度
				合并行：rowspan
				合并列：colspan

	本页面锚点：
		设置锚点：id
		访问锚点：
			<a href="#id"></a>
	跨页面锚点：
		设置锚点：id
		访问锚点：
			<a href="页面路径#id"></a>


		框架集
	框架集：frameset	
	子页面：frame
	行：rows
	列：cols
	访问页面在指定页面打开：
		第一步：设置frame标签name属性
		第二步：target访问name
			target="name"


CSS样式：
	样式分类：
		行内样式：写在标签内的样式
		内部样式：写在style标签内
		外部样式：单独写一个css文件
		使用外部样式：
			<link rel="stylesheet" type="text/css" href="文件路径"/>
		优先级：
			外部样式==》内部样式==》行内样式
			
	选择器：
		标签选择器：
		类选择器：
		id选择器：
		优先级：
			标签选择器==》类选择器==》ID选择器



背景属性：
	
background （缩写形式）	background-color（背景色 ）
	
background-image（背景图 ）
	
background-repeat（背景图重复方式 ）
	
background-position（位置坐标、偏移量）
文本属性：
	字体、字号：
		
font（缩写形式）		
		font-weight（粗细） 		
		font-size（大小） 		
		font-family（字体）
	行距、对齐等：
		line-height （行高） 
		
text-align （对齐） 
		
letter-spacing （字符间距）
		
text-decoration （文本修饰 ）
		
white-space （空白处理 ）
列表属性：
	list-style （列表风格）		
		属性值	方式			语法实现		    示例
		none	无风格			list-style:none;	   刷牙
   洗脸
		disc	实心圆（<ul>默认类型）	list-style:disc;	   ● 刷牙
● 洗脸
		circle	空心圆			list-style:circle;	   ○ 刷牙
○ 洗脸
		square	实心正方形		list-style:square;	   ■ 刷牙
■ 洗脸
		decimal	数字（<ol>默认类型）	list-style:decimal	   1. 刷牙
2. 洗脸
		
		
			li{
				list-style: none;  取消样式
				float: left; 设置右飘
				width:100px ; 设置间距
	秒杀	优惠价	PLUS会员	品牌闪购	拍卖	京东家电
			}


-----------------------------------------------------------------------------------------------------------

			a{
				text-decoration: none;
				/* 取消超链接下划线 */
			}



			/* 鼠标触碰效果 */
			.c li a:hover{
				color: #00FFFF;
				font-size: 20px;
			}

				鼠标触碰事件可以放图片
			.nav li a:hover{
	background: url(../img/nav_bg.gif) no-repeat;/* 设置鼠标触碰事件 */
				}


	/* 点击效果 */
	.k li a:active{
		color: #FF0000;
		font-size: 13px;
	}
	
	/* 字体颜色 */
	.k li a:visited{
		
		color: #333333;
		font-size: 13px;
	}
	
	/* 鼠标放上去字体颜色变动 */
	.k li a:hover{
		color:darkorange;
		font-size: 15px;
		
	}