css
苦涩糖水
承接嵌入式软硬件开发,IOS、Android开发。
展开
-
巧用clear:both
我们在制作网页中用div+css或者称xhtml+css都会遇到一些很诡异的情况,明明布局正确,但是整个画面却混乱起来了,有时候在IE6下看的很正常的,到ie7或者火狐下看时,就一片混乱了,无论怎么计算,就是不能将排版改正过来。其实,这一切都是浮动搞得鬼,也就是css中的float,要解决情况,就需要使用clear:both了。CSS手册上是这样说明的:该属性的值指出了不允许有浮动对象的边转载 2015-07-01 06:57:08 · 550 阅读 · 0 评论 -
正确理解 clear:both
要注意以下几点: 1、 浮动元素会被自动设置成块级元素,相当于给元素设置了display:block(块级元素能设置宽和高,而行内元素则不可以)。 2、 浮动元素后边的非浮动元素显示问题。 3、 多个浮动方向一致的元素使用流式排列,此时要注意浮动元素的高度。 4、子元素全为浮动元素的元素高度自适应问题。 以下详细分析四个问题。 一、浮动元素自动变块级元素 首先说转载 2015-07-01 06:58:35 · 817 阅读 · 0 评论 -
DIV 标签很重要的CSS的float属性
(通过指定CSS属性float的值,使元素向左或向右浮动,然后由后继元素向上移动以填补前面元素的浮动而空出的可用空间。) CSS的float属性,作用就是改变块元素(block element)对象的默认显示方式,HTML标签设置了float属性之后,它将不再独自占据一行(从当前位置开始到这行结束,不包括标签前面的格子,即这一行包括前面标签+这个标签)。没有设置将独占一行.转载 2015-07-01 07:30:33 · 2953 阅读 · 1 评论 -
判断IE版本的HTML语句详解,如:[if lte IE 9]……[endif]
我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码,表示的是限定某些浏览器版本才能执行的语句,那么这些判断语句的规则是什么呢?请看下文:我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码,表示的是限定某些浏览器版本才能执行的语句,那么这些判断语句的规则是什么呢?请看下文: 除IE外都可识别 所转载 2015-07-11 15:47:44 · 10363 阅读 · 0 评论 -
WordPress 让特定的文章使用特定的CSS样式
WP大学之前有一篇文章介绍的是采用特定php模板的方式(见:WordPress不同分类使用不同的文章模板),本文要介绍的是自定义css的方式。今天有个人问这个问题:怎么为Wordpress的特定文章添加特定的css样式,这篇文章将会回答一下。大致的“原理”:以post meta的方式在文章的发布/编辑页面添加自定义输入栏用以输入自定义的css,在文章详情页载入前述输入的css。转载 2015-07-11 12:28:58 · 2963 阅读 · 0 评论 -
什么是响应式布局?
今年很经常听到响应式布局,包括开始引入bootstrap作为前端UI的解决方案。到头来,对响应式布局的含意却一直是一无所知。 百度了一下,响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 用通俗的话来讲,所谓的响应式布转载 2015-07-12 15:49:39 · 753 阅读 · 0 评论