• 【CSS Demo】纯 CSS 打造 Flow-Steps 导航

    low-Steps 导航效果常用于需要表示执行步骤的交互页面,效果如下: 步骤一 步骤二 步骤三 通常使用图片来实现 Flow-Steps 效果,但此方法的灵活性不足,当内容变化较大时就可能需要重新切图,这里介绍使用纯 CSS 的方法来实现 Flow-Steps 效果: 兼容版本 此版本兼容主...

    2018-06-24 00:56:53 html 代码

  • 谈谈一些有趣的CSS题目(十一)-- reset.css 知多少?

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不...

    2018-06-24 00:52:13 css 样式html 代码

  • HTML5 & CSS3初学者指南(2) – 样式化第一个网页

    介绍 我们已经使用基本的 HTML 编写了一个网页。但是,写出来的 HTML 代码的网页看起来很平淡,没有吸引力。 如何改善这种很平淡的页面呢? 让我们开始使用网页的基本样式来改善页面效果,我们将会使用到 CSS 的功能。 正式开始 CSS 是 层叠样式表 的缩写,它是为网页...

    2018-06-24 00:50:18 css字体css 样式前端开发前端开发工具html 代码

  • 用纯css3绘制的能自适应屏幕宽度的哆啦a梦动画

    本人是学生,正在想深入学习 html5 和 css3 ,所以最近在研究用 css3 绘制矢量图,于是就用纯 css3 基于百分比方案绘制了能自适应浏览器宽度而自动变化比例的哆啦a梦动画, 动画的宽高比例为:” 4 : 6.5 “,动画理论上能基于” 4 : 6.5 “的宽高比例来无限放大且完...

    2018-06-24 00:43:12 html 代码

  • display:inline-block 去除间隙

    先写出代码 核心css代码: .sample0 { display : inline-block ; height : 40px ; width : 40px ; color : #ffffff ; background-color : red ; text-align : center ; font-size : 26px ;} .sample1 { display : inline-block ; height : 40px ; width : 40px ; color...

    2018-06-24 00:38:19 css代码html 代码

  • HTML CSS编码规范(黄金定律)

    HTML 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次(即两个空格)。 对于属性的定义,确保全部使用双引号,绝不要使用单引号。 不要在自闭合(self-closing)元素的尾部添加斜线 --HTML5 规范中明确说...

    2018-06-24 00:33:38 html 代码html 页面

  • 从零开始CSS(一 2016/9/21)

    1.基础语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 selector { declaration1; declaration2; ... declarationN } 选择器通常是需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性(property)是您希望设置的样式属性(style att...

    2018-06-24 00:24:36 css基础html 代码

  • 谈谈一些有趣的CSS题目(三)-- 层叠顺序与堆栈上下文知多少

    开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不...

    2018-06-24 00:24:03 html 代码

  • xml html xhtml html5

    1、XML 什么是 XML? XML 指可扩展标记语言(EXtensibleMarkupLanguage) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是W3C 的推荐标准 XML 与 HTML 的主...

    2018-06-24 00:21:50 html 代码

  • 移动端H5-第一课css篇

    1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" 其它相关配置内容如下: width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) initi...

    2018-06-24 00:21:29 css代码web前端h5页面h5 页面html 代码