自学笔记
文章平均质量分 91
r12563
这个作者很懒,什么都没留下…
展开
-
小白前端之路---关于HTML文档类型的作用
html文档类型 <!DOCTYPE> 指的是文件类型,即Document type,缩写doctype。 <!DOCTYPE>是什么? <!DOCTYPE>是为浏览器提供一项声明,目的是为了告诉浏览器HTML文档的版本信息,因此没有闭合/结束标签。 <!DOCTYPE>的作用是什么? 因为HTML文档有许多不同的版本,就像计算机中转载 2017-04-15 23:35:00 · 930 阅读 · 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 · 258 阅读 · 0 评论 -
HTML5 语义化
HTML 5的革新之一:语义化标签一节元素标签。在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,那些之前没“意义”的标签因为因为html5的出现消失了,这就是我们平时说的“语义”。看下图没有用div标签来布局转载 2017-05-20 11:23:02 · 270 阅读 · 0 评论 -
css 使用content:attr()实现悬浮提示
还是上波效果图先:关键属性、选择器和函数 content , data- , :before , :after , attr(),: :before , :after 向指定元素插入内容,使用content属性指定插入的内容。content一般和伪元素 :before和 :after搭配使用,一起生成内容。原创 2017-05-10 16:16:55 · 2459 阅读 · 0 评论 -
css---border属性实现小三角型
首先上波效果图-我的淘宝旁边的小三角原理: 通过设置border的颜色,显示其中一边,隐藏其他三边,来获取到三角形。 用到了css3属性transparent:被延伸到任何一个有color值的属性上。在这里可理解为设置成透明。具体自行百度。css样式加动画: .triangle{ position: relative; }原创 2017-05-09 00:30:03 · 401 阅读 · 0 评论 -
css---border-radius--实现太极图旋转
先上图观看效果:本次只要是通过css3的border-radius属性实现。分析!主要分为四个部分:第一就是画出大圆作为容器,第二就是画出左右两个半圆,第三就是画出突出来的中等的圆,通过绝对定位来定位置,最后就是画出小圆,也是通过绝对定位来定位置,ps:小圆需要z-index来悬浮在顶层。话不多说,先上html结构:原创 2017-05-07 23:07:32 · 1536 阅读 · 0 评论 -
表格选择框----全选的动态勾选
Table表格包含标题、表头、表体和页脚。标题-----caption表头-----thead表体-----tbody页脚-----tfoot 表格中的行、列、表头。行-----tr列-----td表头-----th 表格中定义列的属性col 和colgroupcolgroup-----定义了表格中每列的统一标准。col-----则是在标准中原创 2017-05-07 09:44:48 · 1453 阅读 · 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 · 2158 阅读 · 1 评论 -
小白自学之路---html常用标签
网站的学习分为三部分前端后台数据库前端html构造内容css构造外观JavaScript构造动作HTML是什么? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup原创 2017-04-15 12:00:09 · 409 阅读 · 0 评论 -
在使用inline-block时遇到的元素之间的间隔
在无意中使用inline-block时发现了元素之间存在间隔,于是上网找了些解决的N中方法:从结构中解决,去除标签之间的空格 || 去除掉闭合标签从CSS样式中解决,使用margin负值 || 在父元素上使用 font-size:0 jquery方法:通过jQuery来改变“nodeType”的值...... 参考资料:w3c转载 2017-07-23 15:44:51 · 245 阅读 · 0 评论