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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。