HTML部分属性、部分标签、表单元素以及css样式语句、选择器和优先级权重

day_03 HTML基础以及css

上午

1. title属性的问题

这个属性可以用在任何一个标签之上

2. div标签：划分区域的，做布局用的

	span标签：修饰某一小段文字的
	div是纵向排列  span标签是横向排列的

3. form标签（重点）

	action属性：写服务器的地址
	method属性：写提交方式的
	name属性：给表单其名字的

表单元素（表单控件）

   	 1.文本框：<input type="text">
   	 2.密码框：<input type="password">
   	 3.提交按钮：<input type="submit">
   	 4.重置按钮：<input type="reset">

4.认识css

		css---层叠样式表，目前使用的是3.0
		样式表的创建（规定css代码的书写位置）
    1.内部    (如果css代码量不大，小案例)---重点
        在head里面创建style标签
    2.外部  (如果css代码量偏大，大项目)---重点
        需要在css文件夹之下单独创建一个css文件，这个文件我们就叫做外部样式表
        需要通过link标签引入外部样式表。
        link一般写在html的head区域中。
    3.行内(内联、行间)
        在标签名字的后面写style属性，引号里面就可以写css代码
		css的语法：选择器{声明}
		选择器的目的是为了找到某一个标签。
		在一个{}里面可以写很多的声明语句，一句话结束必须写;
		声明分为2个部分，冒号前的叫做属性的名字，冒号后叫做属性值

下午

样式语句----重点

    	1.文字的颜色：color
    	2.背景的颜色：background-color
    	3.宽度：width
    	4.高度：height
    	5.字号：font-size

样式表的优先级：

    	行内>内部样式表和外部样式表看代码的书写顺序，后者会覆盖前者
    	注意（只会覆盖相同的样式语句，不同的依然是保留的）

选择器：

		1.标签选择器：直接写标签名字
		2.类选择器   （重点）
   		 	先通过class起一个类名
   			在使用的时候名字前面一定要加点
    		一个类名可以重复使用多次，一个标签何以起多个类名，中间通过空格隔开
		3.id选择器
    		先通过id起名字
    		使用的时候名字前面一定要加#
		4.群组
    	标志：逗号
    	一次找到多个标签
		5.通配符
    		标志：*
    		使用场景:清除标签自带的间距
    		* {
    			padding:0;
    			margin:0
    		}
		6.后代选择器：
    		标志：空格
    		可以找到所有的后代
		7.子代选择器：  
    		标志：大于号>
    		只能找到儿子