• 如何运用CSS3特性绘制围棋效果呢?

    每个网站建站之前都会对网站进行设计,网页设计、CSS这些是极其常见的,那么如何运用 CSS3 特性绘制围棋效果呢?相信大家都不是很了解,下面就让爱站技术频道小编带你一起来看看下文吧! 前言 渐变的灵活运结合其他一些CSS3的特性的运用画出的简易版围棋 效果图 实现代...

    2018-10-19 06:12:10

  • 【常见】移动端实例——图片无缝滚动

    !doctype html html lang="en" head meta charset="UTF-8" / meta name="viewport" content="width=device-width,user-scalable=no" titleDocument/title script type="text/javascript" //获取html var html = document.documentElement; //设置html的字体大小 = 可视...

    2018-10-15 02:28:52

  • 理解水平居中的几种表现

    CSS居中算是一个比较基础的问题,在实际运用中,需要考虑到的一般是两种情况,一种是主要是表现为文字,图片等行内元素的居中,一种是指 div 等块级标签元素的居中。 1.水平居中 text-align 【场景 一】 :在父元素中设置text-align:center实现 行内元素水平居中 将子...

    2018-10-14 10:49:18

  • margin的两个有趣现象:margin合并和margin塌陷

    margin合并 当两个元素在垂直方向并列,分别设置margin值时会发生一个margin合并的现象 举个例子,有两个div,垂直并列,box1设置margin-bottom:20px,box2设置margin-top:50px, ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title test / title style...

    2018-10-14 10:49:16

  • HTML5 Web存储 页面间进行传值

    在实际使用过程中,经常会遇到需要在页面间进行传值的情况,最初设想一定需要后端才能进行数据的存储和读取,或者在本地使用一个cookie进行保存,直到了解到HTML5 Web存储 使用HTML5的新特性可以在本地存储用户的浏览数据。相比之前的cookie,Web 存储更加的安全与快速...

    2018-10-13 06:28:26

  • 解析什么是绝对定位,相对定位与浮动

    在理解定位之前,先说一个概念,文档普通流,就是元素标签正常在HTML里的顺序,块级元素从上至下排列,行内元素从左到右排列。 绝对定 位 绝对定位:absolute,元素相对于离它最近的已定位祖先元素进行移动,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包...

    2018-10-13 06:28:24

  • 博客园 个人主页美化

    刚入博客园,小白也要有一个高大上的个人博客页面啊,鼓捣了一下午,感觉自己棒棒的, 叉腰得瑟 个人感觉Simple的主页样式很美观,大气,哈哈 首先,在博客园后台管理的设置里,申请js代码的权限(默认是没有打开的) 申请的时候一定要有礼貌,有礼貌,有礼貌(申请了...

    2018-10-13 06:28:21

  • css控制一个元素点击后, 改变另外一个元素的状态

    1.点击后改变子元素 .myclass:active span{ color:#00f; } 此方式在ios下不生效,chrome下正常 2.改变下一个兄弟元素 .myclass:active: hover+span{ color:#00f; }...

    2018-10-13 06:28:19

  • display:table和display:table-cell的妙用

    display的table和table-cell一般情况下用的不多,所以很少有人去关注它,但他们两个联手起来会给你惊喜! 这里抛出这样一个问题,如下,让块里的多行文字垂直居中?一说到垂直居中就会想到,单行文字垂直居中line-height等于height;块级元素垂直居中,position定位或...

    2018-10-13 06:28:15

  • svg矢量图标在html中的使用, (知识点:1.通过h5中的c

    svg矢量文件体积小,不变形,比传统的png先进,比现在流行的icon-font灵活。然而在使用过程中还是遇到了很多坑。今天花了一天时间把经验整理出来,以供后来者借鉴。如果您从本文收益,请留言mark一下。 这里我们要实现的功能是,一个svg文件包含多个图形,这样的好处是...

    2018-10-13 06:28:14

2