随笔分类 -  CSS

ife task0001页面实现细节问题总结
摘要：好久没写css了，突然对重构页面陌生了许多。不过也没什么，前面几个月一直扩充知识面，偏重了理论技术学习，结果还不算遗憾。昨天重拾css,针对问题做点总结：#一、语义化方面###1.HTML5新标签使用标签方面：用到语义化的HTML5新标签。在header头部引入了一个HTML5.js文件后，我们可以... 阅读全文
posted @ 2015-04-15 09:55 青青flye 阅读(750) 评论(0) 推荐(1) 编辑
实现文字背景不透明
摘要：不透明 div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/width:500... 阅读全文
posted @ 2014-11-26 19:29 青青flye 阅读(193) 评论(0) 推荐(0) 编辑
CSShack
摘要：CSS hack一、原理由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack，CSS Hack主要针对。1... 阅读全文
posted @ 2014-11-25 21:29 青青flye 阅读(331) 评论(0) 推荐(0) 编辑
垂直居中重要方法理解---重点是方法三
摘要：方法一这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align property 属性。 Content goes here #wrapper { display:... 阅读全文
posted @ 2014-11-25 00:33 青青flye 阅读(383) 评论(0) 推荐(0) 编辑
关于花瓣网header条的思考
摘要：最近忙着俱乐部招新的事情，每一次培训都会给学员布置作业，但是作业积累在手上并没有长久的保存价值，于是萌生了一个创建俱乐部网站平台的想法。为了充当好PM这个角色，学习了Axure软件的用法，并且首次制作页面的交互原型。也算是体验了一回ID角色。我们的平台应该是一个展示型的网站，将来功能可以类似花瓣网，... 阅读全文
posted @ 2014-10-19 11:59 青青flye 阅读(467) 评论(0) 推荐(0) 编辑
前端知识体系之入门篇总结（一）
摘要：利用国庆节时间，把前端学习的知识碎片进行了整理，希望能在前端之路继续努力。前端是一个范围很大的概念，其领域包括在了计算系统中的方方面面，可以说所有与用户交互行为相关的程序开发工作都是前端的范围，这包括一个数字仪表的显示设计或者一个手机APP。通常意义上讲，前端指的是Web前端的开发工作，而学习... 阅读全文
posted @ 2014-10-07 23:57 青青flye 阅读(448) 评论(0) 推荐(0) 编辑
浮动理解【转】
摘要：浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7以下无特殊说明均指 windows 平台的 IE浏览器浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太... 阅读全文
posted @ 2014-10-06 16:04 青青flye 阅读(230) 评论(0) 推荐(0) 编辑
web语义化
摘要：一：web语义化的原因HTML 是联系大多数 Web 资源的纽带，也是内容的载体。设计起初的想法也许很简单：用来发布 Web 内容和资源的索引，方便人们查看。规模并不是太大，也不能遍及我们生活的方方面面。但是随着 Web 规模的不断扩大，信息量之大已经不在人肉处理的范围之内了。这时候人们开始用机器来... 阅读全文
posted @ 2014-10-02 21:33 青青flye 阅读(694) 评论(0) 推荐(0) 编辑
css实现背景透明文字不透明
摘要：设置元素的透明度：-moz-opacity:0.8; /*在Firefox中设置元素透明度filter: alpha(opacity=80); /*ie使用滤镜设置透明但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。例如：不透明div{-moz-opacit... 阅读全文
posted @ 2014-09-22 23:48 青青flye 阅读(255) 评论(0) 推荐(0) 编辑
css实现高度垂直居中
摘要：1：单行文字垂直居中： 如果一个容器中只有一行文字的话，定义height(高度)和 line-height(行高)相等即可。 如：aa2：多行文本固定高度垂直居中：核心：display:table 和display:table-cell ;vertical-align:middle;兼容：ie7+... 阅读全文
posted @ 2014-09-12 20:52 青青flye 阅读(782) 评论(0) 推荐(0) 编辑
《CSS那些事儿》读书笔记
摘要：书虽然是5年前出的，但是里面的内容在现在依然适用，有大量的实例，很值得晚辈们去学习。 其中的作者重在思维拓展，循循善诱。另外截取：2个非常有用的实例1.两列布局中：单列定宽单列自适应2.三列布局中：两列定宽中间自适应 阅读全文
posted @ 2014-08-15 21:12 青青flye 阅读(191) 评论(0) 推荐(0) 编辑
less css用法思维导图
摘要：Less 是一个Css 预编译器,可以扩展Css语言,添加功能如允许变量(variables),混合(mixins),函数(functions) 和许多其他的技术，让你的Css更具维护性，主题性，扩展性。关于其具体用法，根据大漠文章，笔者总结如下：放大局部后的截图：（空间有限，所以隐藏了所有的实例代... 阅读全文
posted @ 2014-08-02 09:51 青青flye 阅读(707) 评论(0) 推荐(0) 编辑
行高：line-height图文解析
摘要：行高——line-height初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。所谓行高是指文本行基线间的垂直距离。要想理解这句话首... 阅读全文
posted @ 2014-07-29 18:17 青青flye 阅读(1850) 评论(0) 推荐(1) 编辑
CSS细节
摘要：写起这篇文章，是因为阅读张鑫旭到的一篇文章《CSS的学习瓶颈》，里面提到了要重视CSS的细节和实现机制。确实：有必要掌握一些关于CSS方面的细节，而不是遇到任何页面，都添加css.reset.下面取材截图于张鑫旭的博客：下面回归正题：一.关于这4个问题的答案：1.dl, dt, dd三个标签浏览器默... 阅读全文
posted @ 2014-07-27 17:34 青青flye 阅读(512) 评论(0) 推荐(0) 编辑
常见的浏览器兼容问题
摘要：来源于：http://developer.51cto.com/art/201008/218335.htm浏览器兼容问题一：不同浏览器的标签默认的外边距和内边距不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{m... 阅读全文
posted @ 2014-07-25 13:09 青青flye 阅读(229) 评论(0) 推荐(0) 编辑
float浮动
摘要：float 属性介绍：HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。如导航列表，利用浮动特性排成一行！有2个特点：1：元素浮动之后，该元素已经脱离了文档标... 阅读全文
posted @ 2014-07-20 16:42 青青flye 阅读(808) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示