html5的css3样式表,html5中使用css3样式有几种

  html5的css3样式表,html5中使用css3样式有几种

  元名称=

  name:有如下6个值:应用程序名称:文档名称或应用程序名称。整个文档只能包含一个值。

  作者:文档作者

  描述:文档描述

  生成器:生成文档的程序。

  关键词:Web关键词,用逗号分隔。

  a href=https:///a

  Href:路径

  Src=./img/a.jpg alt=此图片无法显示 border= 1px纯红 width= 400 height= 250/

  Src:图像路径

  表标签的属性

  边界边界

  单元格间距表的外部边距

  单元格填充表格内边距

  对齐位置

  背景色:背景色

  背景:背景图片

  边框颜色:边框颜色

  表中的Tr/tr

  Td colspan=2/td colspan跨越2列。

  跨行的行跨度

  输入类型=

  类型值

  文本

  密码

  收音机

  复选框多项选择

  重置

  文件上传

  提交提交表单

  图像提交

  按钮普通按钮

  分组

  XML/HTML代码将内容复制到剪贴板select name= city id= city opt group label=山东 optionvalue=yt 烟台/optionvalue= qd 青岛/optionvalue= wh 威海/option/Tgroup optgroup label=北京 option value= bj bj/option value= tam tam/option group/select text area textarea XML/Code将内容复制到剪贴板textarea name= textarea id= textarea cols=

  列宽度行高度只读只读

  Css样式

  字体,字体大小:

  字体(缩写形式)

  字体粗细正常粗斜体

  字体大小(大小)

  字体系列(字体系列)

  字体样式(字体样式)

  字体颜色:

  颜色

  不透明度(透明度css3)

  行距、对齐等。

  行高(行高)

  文本对齐(对齐)

  字母间距(字符间距)

  文本装饰(文本装饰)

  溢出的多余部分被隐藏。

  文本溢出

  文本溢出文本剪辑剪辑在剪辑文本时不添加.剪辑时添加省略号.注意:无换行和溢出控制。

  文本-阴影阴影

  文本缩进

  背景:

  背景(缩写形式)

  背景色(背景色)

  背景图像(背景图像)

  背景-重复(背景图像重复模式)

  背景-位置(位置坐标、偏移)

  常用列表

  列表式:无样式无圆盘实心圆空心圆正方形实心正方形十进制数

  框属性:

  Margin(外边距/边界)可以主要从上面写1,2,4值。

  边框(边框)

  填充(内边距/填充)

  添加-top等方向后。

  边界-半径边界圆角

  箱形阴影

  变换效果:变换

  Transform-origin指定变换的起点。

  没有不变形的

  Translate(长度值或百分比)translateX translateY水平和垂直平移。

  缩放scaleX scaleY水平和/或垂直缩放。

  旋转旋转元素。

  Skew (Angle) skewX skewY将元素在水平方向、垂直方向或两个方向倾斜一定角度。

  矩阵定制

  过渡效果:过渡

  Transition-property为Transition指定css属性all的默认值。

  过渡-持续时间过渡完成的时间。

  Transition-timing-function指定缓变函数的默认值等于(0.25,0.1,0.25,1.0)。

  过渡延迟指定过渡开始的延迟时间。

  @关键帧:定义动画

  动画

  半铸钢钢性铸铁(Cast Semi-Steel)代码复制内容到剪贴板风格。t5 { transition:5 sease-out all;/*过渡幂加速动作加速在外减速*/}/*过渡延迟延迟*/.t5:hover { transform:skew(45 deg,45 deg)} @ keyframeskey { 0% { background-color:red;宽度:200像素高度:200像素} 25%{背景色:橙色;宽度:100像素高度:100像素变换:旋转(-90度);} 50%{背景色:黄色;宽度:60px高度:60px转换:无;} 75%{背景色:绿色;宽度:120像素高度:120像素转换:无;} 100%{背景色:蓝色;宽度:200像素高度:200像素变换:旋转(360度);} } .kt{动画:key1s/*动画-迭代-计数:无穷大;*//*无限循环*/背景色:黄色;宽度:200像素高度:200 px }/style div class= ktt 5 /div以上就是小编为大家带来的浅谈html5标签css3的常用样式全部内容了,希望大家多多支持~

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: