| html5标签css3的常用样式 | 您所在的位置：网站首页 › 前端标签样式 › html5标签css3的常用样式 |
html5标签css3的常用样式
|
标签的属性Border 边框Cellspacing 表格外边距Cellpadding 表格内边距Align 位置Bgcolor：背景色Background：背景图片Bordercolor：边框颜色 table中 colspan 跨2列rowspan 跨 行 type值 text 文本 password 密码 radio 单选 checkbox 多选 reset 重置 file 文件上传 submit 提交表单 image 图形提交 button 普通按钮 分组下拉 文字区域textarea disabled="disabled"> 1cols 宽度 rows 高度 readonly 只读 css样式 字体、字号：font（缩写形式）font-weight（粗细） 正常(normal) 粗体(bold) 斜体(italic)font-size（大小） font-family（字体系列）font-style（字体样式） 字体颜色：coloropacity (透明度 css3) 行距、对齐等：line-height （行高） text-align （对齐） letter-spacing （字符间距）text-decoration （文本修饰 ）overflow 超出的部分隐藏text-overflow text-overflow文本裁剪 clip裁剪文本时不添加... ellipsis 裁剪时加... 注意：不换行和over-flow控制 text-shadow 阴影text-indent 背景属性：background （缩写形式）background-color（背景色 ）background-image（背景图 ）background-repeat（背景图重复方式 ）background-position（位置坐标、偏移量） 列表常用 list-style： none无风格 disc实心圆 circle空心圆 square 实心正方形 decimal 数字
盒子属性：margin（外边距/边界） 以上方为主 可写1、2、4个值border（边框） padding（内边距/填充 ） 后可加 -top 等方向 border-radius 边框圆角 box-shadow 阴影
变形效果：transform transform-origin 指定变换的起点 none无变换 translate（长度值或百分比） translateX translateY 在水平、垂直方向平移 scale（数值）scaleX scaleY 在水平方向、垂直方向或两个方向上缩放 rotate（角度）旋转元素 skew（角度）skewX skewY 在水平方向、垂直方向或两个方向上使元素倾斜一定的角度 matrix 自定义
过渡效果：transition transition-property 指定过渡的css属性 默认值 all transition-duration 完成过渡的时间 transition-timing-function 指定过渡函数 缓动效果默认值ease 等同于（0.25， 0.1， 0.25， 1.0） transition-delay 指定过渡开始出现的延迟时间
@keyframes：定义一个动画 animation 微信分享 声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[email protected]核实处理。 相关标签：html5 css3上一篇：letter-spacing下一篇：HTML5 新特性相关文章 相关视频 html5中块状元素怎么转换为其他元素html5中元素能拉伸宽度吗html下拉菜单文字怎么变小myeclipse打开html乱码怎么解决html5标签css3的常用样式用户登录、其他页面、获取登录信息01管理组列表和添加03管理组列表和添加02管理组列表和添加01网友评论 文明上网理性发言，请遵守 新闻评论服务协议 我要评论 专题推荐 独孤九贱-php全栈开发教程全栈 170W+ 主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门  玉女心经-web前端开发教程入门 80W+ 主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门  天龙八部-实战开发教程实战 120W+ 主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习 作者信息 高洛峰 拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，累计授课长达上万课时， 培养了近百名IT名师， 培训数万名学员成功走向IT岗位，近年来致力于推广Web开发技术。 最近文章图文详解.Net语言Smobiler开发之如何仿微信朋友圈的消息样式2071ASP.NET代码轻松实现微信抢红包2089C#开发微信多客服功能及开发集成实例1793发布技术文章最新文章热门排行
 javascript初级视频教程 jquery 基础视频教程视频教程分类php视频教程html视频教程css视频教程JS视频教程jQuery视频教程mysql视频教程Linux视频教程Python视频教程网站首页 PHP视频PHP实战PHP代码PHP手册词条手记编程词典php培训php中文网：公益在线php培训，帮助PHP学习者快速成长！ Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1 
|
关于我们免责申明赞助与捐赠广告合作【本文地址】