r12563-CSDN博客

转载在使用inline-block时遇到的元素之间的间隔

在无意中使用inline-block时发现了元素之间存在间隔，于是上网找了些解决的N中方法：从结构中解决，去除标签之间的空格 || 去除掉闭合标签从CSS样式中解决，使用margin负值 || 在父元素上使用 font-size:0 jquery方法：通过jQuery来改变“nodeType”的值...... 参考资料：w3c

2017-07-23 15:44:51 243

转载 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 255

转载有关css3 新增background属性介绍网址

background-sizebackground-clipCSS Background-originCSS3 Multiple Backgrounds

2017-05-20 17:23:57 242

转载 HTML5 语义化

HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。看下图没有用div标签来布局

2017-05-20 11:23:02 267

原创 css 使用content:attr()实现悬浮提示

还是上波效果图先：关键属性、选择器和函数 content , data- , :before , :after , attr(),： :before , :after 向指定元素插入内容，使用content属性指定插入的内容。content一般和伪元素 :before和 :after搭配使用,一起生成内容。

2017-05-10 16:16:55 2433

原创 css---border属性实现小三角型

首先上波效果图-我的淘宝旁边的小三角原理：通过设置border的颜色，显示其中一边，隐藏其他三边，来获取到三角形。用到了css3属性transparent：被延伸到任何一个有color值的属性上。在这里可理解为设置成透明。具体自行百度。css样式加动画： .triangle{ position: relative; }

2017-05-09 00:30:03 397

原创 css---border-radius--实现太极图旋转

先上图观看效果：本次只要是通过css3的border-radius属性实现。分析！主要分为四个部分：第一就是画出大圆作为容器，第二就是画出左右两个半圆，第三就是画出突出来的中等的圆，通过绝对定位来定位置，最后就是画出小圆，也是通过绝对定位来定位置，ps：小圆需要z-index来悬浮在顶层。话不多说，先上html结构：

2017-05-07 23:07:32 1531

原创表格选择框----全选的动态勾选

Table表格包含标题、表头、表体和页脚。标题-----caption表头-----thead表体-----tbody页脚-----tfoot 表格中的行、列、表头。行-----tr列-----td表头-----th 表格中定义列的属性col 和colgroupcolgroup-----定义了表格中每列的统一标准。col-----则是在标准中

2017-05-07 09:44:48 1448 1

原创 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 2155 1

转载小白前端之路---关于HTML文档类型的作用

html文档类型 <!DOCTYPE> 指的是文件类型，即Document type，缩写doctype。 <!DOCTYPE>是什么？ <!DOCTYPE>是为浏览器提供一项声明，目的是为了告诉浏览器HTML文档的版本信息，因此没有闭合/结束标签。 <!DOCTYPE>的作用是什么？因为HTML文档有许多不同的版本，就像计算机中

2017-04-15 23:35:00 929

原创小白自学之路---html常用标签

网站的学习分为三部分前端后台数据库前端html构造内容css构造外观JavaScript构造动作HTML是什么? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup

2017-04-15 12:00:09 407

r12563的博客