• CSS3弹性伸缩布局(下)——flex布局

    新版本 新版本的flex布局模型是2012年9月提出的工作草案,这个草案是由W3C推出的最新语法,这个版本立志于指定标准,让新式的浏览器全面兼容,在未来的浏览器更新换代中实现统一。 目前几乎大部分的浏览器都支持了。浏览器支持情况可以点击这里查看,下图为支持flex的情...

    2018-06-24 01:15:57

  • Bootstrap里的文件分别代表什么意思及其引用方法

    关于Bootstrap打包的文件分别代表什么意思,官网也没有给出一个明确的解释,在网上查了一些资料,总价归纳了如下: bootstrap/ !--主目录--├── css/ !--CSS样式文件--│ ├── bootstrap.css !--Bootstrap核心CSS文件--│ ├── bootstrap.css.map !--source map...

    2018-06-24 01:15:45

  • XML语言学习随笔

    XML和HTML都是W3C的定制的标准,XML的诞生本身是为了替代不成熟的HTML,但是因为现实的环境,XML替代HTML并未成功。之后W3C为了代码严谨性的决心,又发布了升级版的标记语言XHTML,但是依然因为显示环境的主要原因,未能成功推广,知道今天HTML5的诞生! XML简单的特点...

    2018-06-24 01:15:39

  • HTML语义化的理解

    1、什么是HTML语义化? “语义化”指的是在需要更少的人类干预的情况下,能够研究和手机信息,让网页能够被机器理解,最终让人类受益。 语义化的目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用。很明显Hx系列看起来很像标题,因为拥有粗体和...

    2018-06-24 01:15:33

  • 【响应式】foundation栅格布局的“尝鲜”与“填坑”

    提到响应式,就不得不提两个响应式框架bootstrap和foundation。在标题上我已经说明白啦,今天给大家介绍的是foundation框架。 何为尝鲜?就是带大伙初步一下foundation的灵活和强大 何为踩坑?就是我把我使用的时候踩过的坑给标个记号,这样大伙用的时候就可以绕道而行...

    2018-06-24 01:15:34

  • 给你的博客换个装-园子换装指南

    博客园有很多漂亮的皮肤,但总是有一些地方我不大喜欢,所以经过慎重考虑,我决定亲自动手换个装。本文将介绍博客园换装的一些基础(不涉及标准皮肤的做法),如果你想让你的博客更炫,可以参考本文入个门,然后自己慢慢摸索。相信你一定比我做的好。 一、准备工作 1、...

    2018-06-24 01:15:15

  • Html_Task4(知识点:水平居中+垂直居中/position/floa

    任务四:定位和居中问题 任务目标 实践HTML/CSS布局方式 深入了解position等CSS属性 任务描述 实现如 示例图(点击打开) 的效果 灰色元素水平垂直居中,有两个四分之一圆位于其左上角和右下角。 任务注意事项 思考不同情况下(如灰色高度是根据内容动态变化的)水平垂...

    2018-06-24 01:15:25

  • css3 Box model 与 Box-sizing

    1、Box Model(盒模型) CSS中的Box Model分为两种:第一种是W3C的标准模型,另一种是IE的传统模型。它们的相同之处是对元素的width、height、padding、border、margin以及元素实际尺寸的计算关系,而它们的不同之处则是两者的计算方法不一致。 1)、W3C的标准Box Mode...

    2018-06-24 01:15:22

  • 你用过CSS3的这个currentColor新属性吗?使用与兼容性

    currentColor 顾名思意就是当前颜色,准确讲应该是当前的文字颜色,例如: .xxx { border : 1px solid currentColor ; } currentColor 表示当前的标签所继承的文字颜色,换种方式表示就是: currentColor = color的值 。 凡事需要使用颜色值的地方,都可以使用 current...

    2018-06-24 01:15:09

  • 块级元素与行内元素的区别

    块元素(block)的特点: 1、总是在新行上开始; 2、高度,行高以及顶和底边距都可控制; 3、宽度缺省是它的容器的100%,除非设定一个宽度。 内联元素(inline)的特点: 1、和其他元素都在一行上; 2、高,行高及顶和底边距不可改变; 3、宽度就是它的文字或图片的宽度,...

    2018-06-24 01:15:11

2