6月4日HTML5

昨日日记https://blog.csdn.net/P_xuebuhui/article/details/106530729

HTML5拖放
拖放步骤

拖放时的视觉效果设置

CSS3
层叠样式表，可以对网页的布局，字体等实现更精确的控制，只要对相应代码做一些简单的修改，就可以改变同一页面不同部分。
新的模块：盒子模型，文字特效，边框圆角，盒阴影，旋转，渐变

CSS3属性选择器

1. [att*=val]若元素alt包括了val中的字符，则改元素使用这个样式。
2. [att^=val]若元素att开头字符包括了val中的字符，则改元素使用这个样式。
3. [att$=val]若元素att结尾字符包括了val中的字符，则改元素使用这个样式。

CSS3类选择器
CSS中可以使用类选择器吧相同的元素定义成不同样式。如p.left{text-align:left}向左对齐 p.right{text-align:right}
CSS3伪类选择器
与类选择器的区别在于，类选择器可以随便改名，而伪类选择器以经定义好，不能随便改名。
伪元素选择器

结构性伪类选择器

• root选择器
  将样式绑定到页面的根元素中:root{ }
• not选择器
  想对某个结构元素使用样式，但是排除这个结构元素下的子结构元素例body*:not( ){样式}
• empty选择器
  当指定元素为空时自动使用样式:empty{样式}
• target选择器
  只在用户点击超链接后，跳转到target元素后起作用:target{样式}
  
  循环使用样式元素:nth-child(An+B){ }
  only-chile选择器
  只对唯一的子元素起作用
  nth-of-type（正数）和nth-last-of-type（倒数）
  只对同类型子元素进行计算，nth-child和nth-last-chile会对所有类型计算而导致出现一些问题

E:hover，E:active和E:focus

E:enabled与E:disabled

例

E:enabled与E:disabled

E:checked，E:default和indeterminate

E::selection
指定当元素处于选中状态时的样式
E:invalid和E:valid
E:required和E:optional

E:in-range和E:out-of-range

兄弟元素选择器
指定位于同一个父元素之中的某个元素之后的所有其他某个种类的兄弟元素所使用的样式