html/css
文章平均质量分 91
r12563
这个作者很懒,什么都没留下…
展开
-
css3 3d旋转-正方体
首先展示下效果html结构:div id="state"> div class="cube"> div class="side front">div> div class="side back">div> div class="side left">div> div class="side right">d原创 2017-05-04 13:22:12 · 2142 阅读 · 1 评论 -
表格选择框----全选的动态勾选
Table表格包含标题、表头、表体和页脚。标题-----caption表头-----thead表体-----tbody页脚-----tfoot 表格中的行、列、表头。行-----tr列-----td表头-----th 表格中定义列的属性col 和colgroupcolgroup-----定义了表格中每列的统一标准。col-----则是在标准中原创 2017-05-07 09:44:48 · 1430 阅读 · 1 评论 -
css---border-radius--实现太极图旋转
先上图观看效果:本次只要是通过css3的border-radius属性实现。分析!主要分为四个部分:第一就是画出大圆作为容器,第二就是画出左右两个半圆,第三就是画出突出来的中等的圆,通过绝对定位来定位置,最后就是画出小圆,也是通过绝对定位来定位置,ps:小圆需要z-index来悬浮在顶层。话不多说,先上html结构:原创 2017-05-07 23:07:32 · 1518 阅读 · 0 评论 -
css---border属性实现小三角型
首先上波效果图-我的淘宝旁边的小三角原理: 通过设置border的颜色,显示其中一边,隐藏其他三边,来获取到三角形。 用到了css3属性transparent:被延伸到任何一个有color值的属性上。在这里可理解为设置成透明。具体自行百度。css样式加动画: .triangle{ position: relative; }原创 2017-05-09 00:30:03 · 391 阅读 · 0 评论 -
css 使用content:attr()实现悬浮提示
还是上波效果图先:关键属性、选择器和函数 content , data- , :before , :after , attr(),: :before , :after 向指定元素插入内容,使用content属性指定插入的内容。content一般和伪元素 :before和 :after搭配使用,一起生成内容。原创 2017-05-10 16:16:55 · 2348 阅读 · 0 评论 -
HTML5 语义化
HTML 5的革新之一:语义化标签一节元素标签。在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,那些之前没“意义”的标签因为因为html5的出现消失了,这就是我们平时说的“语义”。看下图没有用div标签来布局转载 2017-05-20 11:23:02 · 262 阅读 · 0 评论 -
有关css3 新增background属性介绍网址
background-sizebackground-clipCSS Background-originCSS3 Multiple Backgrounds转载 2017-05-20 17:23:57 · 232 阅读 · 0 评论 -
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号,即使设置成转载 2017-05-21 20:55:18 · 248 阅读 · 0 评论