随笔分类 -  frontEnd_css

（转）为什么所有浏览器的userAgent都带Mozilla
摘要：转自：http://www.eamonning.com/blog/view/289 以下是全文 最早的时候有一个浏览器叫NCSA Mosaic，把自己标称为NCSA_Mosaic/2.0 (Windows 3.1)，它支持文字显示的同时还支持图片，于是Web开始好玩起来。 然后出现了一个新的网页浏览 阅读全文
posted @ 2016-12-18 13:31 March On 阅读(671) 评论(0) 推荐(0) 编辑
CSS 中背景图片定位方法
摘要：三种： 区别：前两种定位将背景图片左上角的原点放置在指定位置；第三种方式将图片本身的点（x%,y%）与背景区域的点（x%,y%）重合。 使用百分比设置的主要优势在于，当页面缩放的时候，背景图片也会跟着一起缩放。 阅读全文
posted @ 2016-08-21 22:13 March On 阅读(473) 评论(0) 推荐(0) 编辑
CSS 图片加载完成再淡入显示
摘要：一、方法 加载完成再显示：借助Image对象的onload事件，加载完时再把src赋给img标签的src； 淡人显示：起始opacity为0，利用transform过度到1 二、代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta char 阅读全文
posted @ 2016-05-27 15:38 March On 阅读(2798) 评论(0) 推荐(0) 编辑
Flex布局语法与实践
摘要：一、参考文献 阮一峰 Flex布局的语法 阮一峰 Flex布局的实践 二、Flex语法 （一）Flex是什么 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局，行内元素也可以使用Flex布局。 采用Flex布局的元素，称 阅读全文
posted @ 2016-03-07 21:07 March On 阅读(500) 评论(0) 推荐(0) 编辑
CSS实时编辑显示
摘要：方法 CSS实时编辑显示：通过display:block让css文本显示出来，再加上contentEditable使文本可编辑 <!DOCTYPE html> <html> <body> <style style="display:block" contentEditable> body { col 阅读全文
posted @ 2016-01-28 16:29 March On 阅读(598) 评论(0) 推荐(0) 编辑
常用RGB色值表
摘要：RGB值RGB值RGB值黑色000#000000黄色2552550#FFFF00浅灰蓝色176224230#B0E0E6象牙黑413633#292421香蕉色22720787#E3CF57品蓝65105225#4169E1灰色192192192#C0C0C0镉黄25515318#FF9912石板蓝1... 阅读全文
posted @ 2015-12-28 19:51 March On 阅读(4652) 评论(0) 推荐(0) 编辑
emmet使用 及 notepadd++ emmet的安装
摘要：emmet的使用的参考文章：http://www.cnblogs.com/sussski/p/3544744.htmlhtml:4s、html:4t、html:5或!+、>、^：层次*、@-、@3：个数、排序及起始值$：填充[]：属性{}：内容#、. ：id和classnotepad++中emmet... 阅读全文
posted @ 2015-07-15 10:51 March On 阅读(674) 评论(0) 推荐(0) 编辑
CSS选择器的系统介绍
摘要：来源：http://www.cnblogs.com/skylar/p/css3-selector.html 阅读全文
posted @ 2015-05-16 21:41 March On 阅读(183) 评论(0) 推荐(0) 编辑
CSS小记
摘要：1、元素居中 （1）水平居中：指定宽度，然后margin auto 即可 .middle{ max-width:400px; //width:400px;//当浏览器被缩小，宽度小于元素宽度时，元素会被遮挡，所以应用max-width，会自动缩小元素以适应浏览器大小。这点对手机浏览器很有用 marg 阅读全文
posted @ 2015-02-04 00:00 March On 阅读(272) 评论(0) 推荐(0) 编辑

top last
Welcome user from
(since 2020.6.1)