• H5学习入门

    【块级标签与行级标签的区别】 1.块级标签: 默认宽度100%(独占一行) 自动换行(右边不能有任何东西) 可以使用css设置宽度高度 2.行级标签: 内容宽度,由内容撑开(内容多宽,宽度就占多宽) 不会自动换行(从左往右依次排列) 【常见的行级标签】 span(文本) img(图...

    2018-06-24 01:25:29

  • 渐进增强和优雅降级

    优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复。 渐进增强(progressive enhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。优雅降级:使用优雅降级方案,Web站点在所有新式浏览器中都能正常工作...

    2018-06-24 01:25:23

  • 借百度爸爸下蛋的好看搜索框

    学习vue时写的一个小demo 虽然实现很简单,但还是推介看看,没什么难点,而且有些东西你可能会用到! 在线演示 demo源码...

    2018-06-24 01:25:20

  • HTML入门

    1、HTML简介 HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言。 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML...

    2018-06-24 01:25:19

  • 解决ie6、ie7下float为right换行的情况

    IE6下有不少奇怪的Bug,今天就碰到一个,float:right换行bug,情况是并列的几个块级元素如div和span,一些设置了左浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了,下面给出实例和解决方法: 实例说明下:html结构如下...

    2018-06-24 01:25:19

  • 关于CSS重要知识点(1)

    1. 盒子模型 CSS处理网页内容时,会把每一个元素"放在"一个盒子里,也就是所谓的盒子模型。 盒子模型包括4部分:内容,内边距(padding),边框(border)和外边距(margin) 上图展示了整个盒子模型的内容,怎么样?简单吧。如果你认为简单,那就大错特错了!! 盒子模型里边有一...

    2018-06-24 01:25:14

  • html开发基础

    1 Doctype 2 3 Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档 4 5 有和无的区别 6 7 BackCompat:标准兼容模式未开启(或叫怪异模式[Quirks mode]、混杂模式) 8 9 CSS1Compat:标准兼容模式已开启(或叫严格模式[Standards mode/ Strict mode]) 10 11...

    2018-06-24 01:25:10

  • 利用css3制作毛玻璃的效果

    忙里偷闲,最近又在看许多比较酷炫的效果。现在基于jquery的插件比较多,但是很多插件的兼容性不是太好,所以原生的才是王道。在日常当中,毛玻璃已经不常见了,那是一个很久远年代的东西了。诺,下面就是毛玻璃: 哈哈,不闲扯了,接下来不如正题吧,先看一下终极效果...

    2018-06-24 01:25:09

  • 移动端使用rem同时适应安卓ios手机原理解析,移动端响

    rem单位大家可能已经很熟悉,rem是随着html的字体大小来显示代表宽度的方法,我们怎样进行移动端响应式开发呢 浏览器默认的字体大小为16px 及1rem 等于 16px 如果我们想要使1rem等于 12px 只需设置html的字体大小为12/16 及html的字体大小为font-size:75% html { font-...

    2018-06-24 01:24:58

  • 关于用css实现文本和图片垂直水平居中

    关于用css实现文本和图片垂直水平居中 一直相信好记性不如烂笔头,最近遇到很多用到垂直居中的,整理一下以便日后查阅。 一、文本垂直水平居中 1、水平居中: 文字水平居中没什么好说的,用text-align: center;即可很容易的实现。 2、垂直居中: 1)简单的单行文本 利...

    2018-06-24 01:25:01

2