图书网站html5代码
挑选器——挑选属性att值为val的元素

挑选器——挑选属性att值包含val的元素

挑选器——挑选属性att值以val开始的元素

挑选器——挑选属性att值以val结尾的元素

挑选器——文档的根元素，HTML中即为html元素

挑选器——对除了：not（）内的其他元素用法样式

挑选器——当元素内内容为空白时用法样式

挑选器——当一个元素的id被其他元素用来跳转时，跳转后对跳转到的那个元素用法样式

挑选器

挑选器

挑选器——、、

挑选器

的问题：指的是假如一个元素是其父元素的第奇数个子元素，且这个元素是h2，则应用样式。

因此需要一个对第奇数个h2子元素应用样式的挑选器：

—
—例如，参数还可以设置为可循环的的形式：

——当父元素惟独一个子元素时，对子元素用法样式，等价于

——等价于

——被激活（鼠标按下还未松开）时用法样式

——获得光标焦点时

——处于非只读状态是应用样式

——或处于选取状态时应用样式

——对页面打开时默认处于选取状态的单选框或复选框应用样式，需要注重的是，即用法户
将其设置为非选取状态，样式对其仍然有效

——当页面打开时，一组单选框中没有一个单选框时整组单选框的样式，当有随意一个单选框被选中时，该样式被取消

——处于选中状态时的样式

在HTML5中元素新增了两个属性：和，其中

属性是一个布尔属性，规定必须在提交表单之前填写输入字段

属性规定一个用于验证  元素的值的正则表达式。

——当一个//元素允许用法属性且指定了属性时应用样式

—
—当一个//元素允许用法属性且未指定属性时应用样式

——当一个元素设置了和且其内容不符合这两个属性的要求时应用样式

——当一个元素设置了和且其内容符合这两个属性的要求时应用样式

元素可以设置和

——元素的值在和之间

——元素的值不在和之间

例如：

用法指定内容：


其中还可以设置为：

——

——设置的样式

，同时在原元素中用法来增强计数，其中编号种类是可选项

和——设置开始和结尾文字符号，并在原元素中设置来设置详细是什么符号。

四个属性值分离为：

阴影离开文字的横方向距离，必需设定，可以为负值

阴影离开文字的纵方向距离，必需设定，可以为负值

阴影的含糊半径，可省略

阴影的彩，可省略，可以放在最前面，也可以放在最后面

可以指定多个阴影，用逗号隔开：

设置文字自动换行

word-wrap属性允许长的内容可以自动换行。

CSS3新增了Web Fonts功能，使得网页可以用法服务器端字体。

同时可以设置斜体或粗体字体：


还可以用法来设置客户端本地字体。

可以元素中设置来使得修改字体种类时保持文字大小不变。

固然也可以用法。

当文本溢出包含它的元素，应当发生什么。

四个属性值分离为：

阴影离开盒的横方向距离，可以为负值

阴影离开盒的纵方向距离，可以为负值

阴影的含糊半径

阴影的彩，可以放在最前面，也可以放在最后面

还可以创建盒内阴影，例如：

其中其次个5px为绽开半径。

background-clip属性指定背景绘制区域。

背景的绘制起点，默认为padding的左上角。

指定背景大小。

repeat-x：背景图像在横向上平铺


repeat-y：背景图像在纵向上平铺

repeat：背景图像在横向和纵向平铺

no-repeat：背景图像不平铺

round：背景图像自动缩放直到适应且填弥漫囫囵容器。（CSS3）

space：背景图像以相同的间距平铺且填弥漫囫囵容器或某个方向。（CSS3）

——四个角半径都为20px

——左上角和右下角半径为40px，右上角和左下角半径为20px

更多的看这里

是速记属性，用于设置、、、、的值。

属性指定要用法的图像

属性指定图像的边界向内偏移

属性指定图像边界的宽度

用于指定在边框外部绘制 border-image-area 的量

属性用于图像边界是否应重复（repeated）、拉伸（stretched）或铺满（rounded）

详细取值方式可以看这个。


缩放，指定缩放倍率。

水平垂直都缩小为本来的一半

水平缩小为本来的一半，垂直放大为本来的两倍

倾斜，指定倾斜角度。

只在水平方向上倾斜30度，垂直方向不倾斜

水平倾斜30度，垂直倾斜40度

移动，指定移动距离

只在水平方向上移动50px，垂直方向不移动

水平移动50px，垂直移动60px

旋转，指定顺时针旋转角度

上述四种办法还可以组合用法，如：

在上边这些办法后加上、、

如

或加上

如


用法3D动画可以触发GPU加速来提高性能

用法如的形式来指定2d变形矩阵

用法如的形式来指定3d变形矩阵

变形矩阵上课有学过，这里不再赘述

transition功能支持从一个属性值平滑过渡到另一个属性值

animation功能支持通过关键帧的指定来在页面上产生更复杂的动画效果

其中delay是可选的

例子：

其中可以写成

也可以用法delay属性：

过渡多个属性：

挺直用一个div的无限旋转做例子吧：

在CSS3中，用法属性来用法多栏布局方式。

不同扫瞄器需要加前缀。

用法多栏布局时需要设定元素中多个栏目相加后的总宽度。


可以用法属性设置多栏之间的间隔距离（可选）。

可以用法属性在栏与栏之间增强一条间隔线（可选）。

在CSS3中，通过属性来用法盒布局。

不同扫瞄器需要加前缀。

详细总结可以看这里。

例如三栏布局：

用法order转变挨次：

用法flex-direction转变元素的罗列方向

可指定值：

row：横向罗列（默认）

row-reverse：横向反向罗列

column：纵向罗列

column-reverse：纵向反向罗列

对多个元素用法flex属性：

事实上flex值是先将各个子div按内容大小分配完高度后，将剩余剩余高度根据flex值分配给各
个子div。

可以用法flex-grow属性来指定元素宽度或高度，分配方式与flex相同

用法flex-wrap样式属性来指定单行布局或多行布局

nowrap：不换行

wrap：换行

wrap-reverse：虽然换行，但是换行方向与用法wrap样式属性值时的换行方向相反

弹性盒布局

用法jusify-content指定水平方向上如何布局子元素外的空白部分


用法align-items指定垂直方向上如何布局子元素以外的空白部分

align-self与align-items类似，区分在于align-items指定全部子元素的对齐方式，而align-self单独指定某个子元素的对齐方式

align-content

用法该办法来自动计算元素的宽度等数值类型的样式属性值

rgba

transparent

outline-offset


resize

html animation属性initial

filter

     

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。