- 博客(8)
- 收藏
- 关注
RSS订阅原创 媒体查询与响应式
1：基本概念根据一个或多个基于设备类型、具体特点和环境的媒体查询来应用样式。简单来说就是针对不同的媒体类型（比如屏幕、打印机或者屏幕阅读器）定义不同的样式，可以针对不同的屏幕尺寸设置不同的样式（比如手机iphone6和iPhone6plus它们两尺寸是不一样的、笔记本电脑和电脑屏幕也是不一样的大小），应用的、了响应式布局我们就可以实现在小尺寸的屏幕上或者大尺寸的台式机的屏幕上显示的效果是接近的，...
2019-06-28 18:47:22
213
原创 CSS3 渐变（Gradients）
1：基本概念在两个或者多个指定的颜色之间显示平稳的过渡渐变的效果是由浏览器生成的渐变的类型主要分为两种：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）；线性渐变是一个向上、向下、向左、向右或者对角方向的渐变，而径向渐变则是由它们的中心定义。作为元素的background-image（background）使用2：浏览器的支持情况因为它是一...
2019-06-24 09:42:12
146
原创 弹性盒模型常见例子
这篇文章主要是分享了三个例子( 垂直居中、响应式、圣杯 )，介绍了Flexbox的主要应用场景，并与传统方式对比， 感受Flexbox布局带来的便捷开发体验。1 垂直居中对齐不使用Flexbox <style> .main1 { position: relative; height: 200px; ...
2019-06-21 13:54:50
799
原创 Flex弹性盒子
这篇文章主要是分享了Flex弹性盒模型的基本概念, 简要介绍了Flex弹性盒模型的发展历程，最后重点介绍了Flex container六个属性以及Flex item的六个属性。下面我们就一一的往下看：基本概念Flex弹性盒模型是2009年W3C提出的一种新的布局方案，叫做Flex布局也叫作弹性盒子模型。它可以完整、简便、响应式的实现各种页面布局。布局的最外层元素叫做Flex容器（flex co...
2019-06-19 11:07:24
202
原创 常见的CSS预处理器之Sass初体验
SassSass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。Sass是一个将脚本解析成CSS的脚本语言，即SassScript，它包括两套语法。最开始的语法叫“缩进语法”，使用缩进来区分代码块并且用回车将不同规则隔开；而较新的语法叫做“SCSS”，使用C...
2019-06-18 16:39:59
147
原创 常见的CSS预处理器之Less初体验
CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。简单来说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器的技术现在已经很成熟了，而且也出现了各种不同的 CSS 预处理器语言，但是呢不可能一一列出，面面俱到...
2019-06-17 10:17:11
182
原创 CSS布局发展史以及预处理器的初步认识
相信对于知道前端这个词的人应该都听说过CSS吧。提到CSS我们应该容易想到传统CSS带来的一些局限性，实际上在CSS的整个发展历史上，总共经历了4次的布局革命，从初代的table布局到CSS+DIV布局，再到现在比较流行的的Flex布局和Grid布局。初代的table布局实际上这个布局在目前的HTML5的规范中已经不存在了，但是还是可以稍微了解一下的：<MULTICOLCOLS="3"...
2019-06-14 15:30:45
270
原创 JavaScript基础知识整理
1 什么是JavaScriptJavaScript一种直译式脚本语言，一种基于对象和事件驱动并具有安全性的客户端脚本语言；也是一种广泛应用客户端web开发的脚本语言。简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言。2 JavaScript的基本结构<script type="text/javascript"> JS语句;</script...
2019-06-13 14:04:31
305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人