1、sass Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是 ...
分类:
其他好文 时间:
2019-10-12 20:55:22
阅读次数:
83
CSS减少代码重复技巧非常多,以主要包含采用相对尺寸、半透明颜色的实例来说明CSS减少代码重复技巧的一些运用。 以下为通过CSS代码实现的一个“Yes!”按钮效果以及相应的代码: 与之组合的CSS代码: #相对尺寸的使用 行高是字号的1.5倍,可以修改为: 字号也可以根据父元素字号修改为相对尺寸: ...
分类:
Web程序 时间:
2019-10-11 18:16:22
阅读次数:
315
页面定制CSS代码 页首Html代码 页脚Html代码 ...
分类:
其他好文 时间:
2019-10-11 18:05:35
阅读次数:
110
作者:Tim Vam Damme 让我们来看看一种超轻量级的方法,它可以为一组任意大小的照片创建水平砖砌效果。将任何照片丢到上面,它们将边对边无缝对齐。 该解决方案不仅轻巧,而且非常简单。我们将使用无序的图片列表和仅仅17行CSS代码,其中重点要领是flexbox和object-fit。 #为什么? ...
分类:
其他好文 时间:
2019-10-10 13:00:20
阅读次数:
85
一、Emmet简述 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具. 在前端开发的过程中,一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候,效率会特别低下,因为需要敲打很多尖括号,而且很多标签都需要闭合标签等。于是,就有了 Em ...
分类:
Web程序 时间:
2019-10-10 10:40:57
阅读次数:
170
在Sass中,我们引入了占位符“%placeholder”来进一步优化“@extend”。 举例: 编译处理的css代码: 这个例子中,我们是定义一个占位符“%btn”(占位符,都是以“%”开头)。我们对比一下这两个例子的输出结果就可以知道,使用占位符的输出结果是不包含基类的。 但是,还是要注意: ...
分类:
其他好文 时间:
2019-10-08 12:48:17
阅读次数:
118
HTML代码规范 通过学习基本的HTML和CSS就能在浏览器上看到实际的效果,可是要写好的HTML,就不是那么容易了。这里将和大家分享HTML规范,希望大家读完之后都能够有所收获。本文将主要以下面三个部分展开: HTML整体结构 HTML代码格式 HTML内容语义 http://bootstrap. ...
分类:
Web程序 时间:
2019-10-07 19:20:54
阅读次数:
160
HTML代码如下所示:index.html 对应CSS代码:index.css 原生js修改样式,如需配合React 或者View,则还需要改装 大致样式如下: ...
分类:
Web程序 时间:
2019-10-07 00:33:21
阅读次数:
107
[TOC] 标题上写着美化,但怎么看自己的界面,仿佛每条线都在呐喊着:“实际上是简化吧!” /扶额 在入驻博客园的一周时间里,我~~使用各种课上时间~~抽空研究了一下博客园的页面定制CSS代码、HTML和JS这些看了半天也搞不明白的东西,并将原来的模板“SimpleMemory”改成了现在的样子。 ...
分类:
其他好文 时间:
2019-10-02 12:50:27
阅读次数:
74
JavaScript基础(一) 内核(渲染引擎) 用来执行html和css代码,渲染成我们看到的页面。 JavaScript解析器(js引擎) 用来执行js代码使用。 JavaScript语言的组成部分 ECMAScript简称为ES,指的是JavaScript的基础语法,语言规范 BOM 浏览器对 ...
分类:
编程语言 时间:
2019-09-27 21:01:40
阅读次数:
92