css,css3
什么时候退休啊?
微笑 加油
展开
-
CSS模式之三权分立
原文转自:http://www.hicss.net/separation-of-powers-model-in-css-design-patterns/ 市面上我们常常会看到各种各样的设计模式书籍,Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料,即使在网上找到类似内容,细细一看之下才发觉是南辕北辙。经过浩瀚文章搜索发掘下依旧转载 2015-05-12 13:34:41 · 351 阅读 · 0 评论 -
经典二十个CSS技巧
[html] view plaincopy1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans转载 2015-05-05 14:04:40 · 392 阅读 · 0 评论 -
CSS块级元素、内联元素概念
CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面。看过O'Reilly的《CSS权威指南》,发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提。但我觉得,这个概念实在太重要了。理解了它,一堆CSS布局的理论都变得易于理解,并且体会到CSS转载 2015-05-07 17:17:15 · 355 阅读 · 0 评论 -
Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法
对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除。 1、在CSS中写入代码。找到相关性的CSS,在。.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。 2、在相关的页面找到head部分写入下面的代码 "转载 2015-05-07 17:17:48 · 610 阅读 · 0 评论 -
CSS技巧杂谈 在css中遇到的各种状况
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上di转载 2015-05-05 14:37:22 · 761 阅读 · 0 评论 -
PX PT及EM
字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢? 先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点; pt就是point,是印刷行业常用单位,等于1/72英寸。 这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很转载 2015-05-07 17:13:26 · 318 阅读 · 0 评论 -
设置<input type="text">的默认值
设置的默认值最基本的就是用value设置默认值,例如。但是如果想让默认值在鼠标点击的时候消失,那么就要用js去实现动态的效果,例如 。当鼠标移动到文本框的时候,触发onfocus,如果value的值为默认值,则清空文本框。当鼠标移出文本框的时候,触发onblur,如果value的值为空,则设置文本框的默认值为“默认值”。转载 2015-05-06 15:47:17 · 29787 阅读 · 1 评论 -
CSS 定位 (Positioning)浅析
position的四个属性值: relative 相对定位absolute 绝对定位fixed 固定定位static 静态定位下面分别讲述这四个属性。 sub1 sub21. relativerelative属性相对比较简单,我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。在上面的代码中,sub1和sub2是同级关系,如果设定sub1一个r转载 2015-05-12 13:38:25 · 390 阅读 · 0 评论 -
CSS中不为人知Zoom属性的使用介绍(IE私有属性)
点评:这里我们介绍一下CSS中的Zoom属性,这个属性一般不为人知,甚至有些CSS手册中都查询不到。实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。Zoom的使用方法:zoom : normal | number转载 2015-05-12 13:36:05 · 1160 阅读 · 0 评论 -
CSS 中 position:absolute 与 z-index 对层次结构影响
1. 不使用 position 这种情况下每一层都遵循 HTML 定位规则,其中的 left,right,top,bottom 定位信息对其无效,z-index 也不会发挥作用因为没有层叠的情况出现. 2. 使用 absolute 如两个绝对定位对象的 z-index 属性具有同样的值,那么将依据它们在HTML文档中声明的顺序层叠. 2.1 未使用 z-index 这种情况下,依据它们在HTML文转载 2015-05-12 13:19:16 · 680 阅读 · 0 评论 -
用Margin还是用Padding
用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School边界(margin):元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。——CSS权威指南padding称呼为内边距,其判断的依据转载 2015-05-12 13:21:23 · 390 阅读 · 0 评论 -
如果要实现透明边框,子元素不透明
如果要实现透明边框,子元素不透明,那么就要用这个组合: {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f000000',endColorstr='#3f000000'); background-color:rgba(255, 255, 255, 0.3)}, 但要注意这两个属性中的颜色,透明转载 2015-05-12 11:36:42 · 1302 阅读 · 0 评论 -
CSS: dl,dt,dd,ul,li,ol区别及应用
ul: unordered lists ol: ordered lists li: Lists ol 有序列表:…… …… …… 表现为: 1…… 2…… 3…… ul 无序列表,表现为li前面是大圆点而不是123:…… …… 很多人容易忽略 dl dt dd的用法: dl 内容块 dt 内容块的标题 dd 内容 可以这么写:标题 内容1 内容2 dt 和dd中可以转载 2015-05-12 13:17:29 · 629 阅读 · 0 评论 -
不要告诉我你懂margin
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介转载 2015-05-12 16:11:06 · 359 阅读 · 0 评论 -
css和css3的区别
什么是CSS?CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。CSS 是用来表现HTML或XML的标记语言。CSS 是由W3C的CSS工作组发布推荐和维护的.CSS 是编程入门人员的必修课,运用CSS样式可以让页面变得美观。CSS语法由三部分构成:选择器、属性和值: selector...原创 2018-04-27 09:05:13 · 10043 阅读 · 1 评论