选择器 常用样式 布局

今日内容:
　　css:重点  -选择器, 布局
　　　　　　　 -高级选择器   -伪类选择器
　　　　　　　 -常用样式
　　　　　　　 -三种布局方式

*form 提交方式:
　　get:不安全提交数据,高效;
　　post:安全的提交数据,低效;
　　前台都可以给后台提交数据,后台一定会给前台一个反馈结果

*****高级选择器: 
1.群组选择器:控制多个*/
　　注：每一个选择器位，可以为id、class、标签、选择器组合
2.后代(子代)选择器:控制一个标签,前方都是修饰

　　body .div2 .p2 { /*后代 空格，父子(孙)*/
　　color: orange;
　　}
　　.div2 > div > .p2 { /*子代 >，父子*/
　　color: pink;
　　}

3.兄弟(相邻)选择器:控制一个标签,前方都是修饰

　　.p3 ~ .i3 { /*兄弟 ~，可相邻也可不相邻，但必须通过上方修饰下方*/
　　color: greenyellow;
　　}
　　.div3 + .i3 { /*相邻 +，必须相邻，但必须通过上方修饰下方*/
　　color: green;
　　}

　小结:

　　高级选择器优先级:高级选择器通过权重(个数)区别优先级,前提多个选择器控制同一个标签;

　　id>class>标签    eg:一个id选择器 高于 n和类与标签选择器的组合

　　种类相同:比个数    eg:先比较id个数,谁多睡优先级高,个数相同再比较类,以此类推

　　个数相同:比顺序    eg:所有类型所有个数(id,类,标签)都相同,在下方的起作用

　　高级选择器种类不影响优先级 eg：后代选择器、子代选择器、兄弟选择器...不会运行优先级