![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
mtdyxsp
这个作者很懒,什么都没留下…
展开
-
CSS3 RGBA 属性高级用法
讲一下CSS3里目前用的比较广的RGBA属性的高级使用方法。这个属性的兼容问题比较简单,IE8已经支持这个属性,IE6和IE7也可以通过 hack支持。RGBA和CSS2里的RBG属性差不多,只是RGBA属性多了一个透明度的定义,CSS3标准里对RGBA属性的解释如下:/* 基本语法 */em { color: Rgba(red,green,blue,opacity转载 2016-07-27 17:55:18 · 794 阅读 · 0 评论 -
css hack
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经转载 2016-08-09 10:49:19 · 182 阅读 · 0 评论 -
border:medium none,
今天发现一个样式属性从来没有用过,它就是 border:medium none,就是不显示边框。BORDER: medium none; 不显示边框medium是边框宽度的默认值原创 2016-08-19 11:32:49 · 1384 阅读 · 0 评论 -
css中的background:transparent的作用
:有时大家在看css时,看到有的css属性定义为background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。例如如果一个元素覆盖在另外一个元素之上,而你想显示下面的元素,这时你就需要把上面这个元素的background设置transparent。下面介绍css中的background:transparent的作用一、backgroun转载 2016-08-19 11:28:15 · 1013 阅读 · 0 评论 -
data类型的Url
所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对于img这个Tag,哪怕这个图片非常非常的小,小到只有一个 点,也是要从另外一个外部的图片文件例如gif文件中读入的,如果浏览器实现了data类型的Url格式,这个文件就可以直接从页面文件内部读入了。data类型的Url格式早在1998年就提出了,时至今日转载 2016-08-17 21:35:11 · 455 阅读 · 0 评论 -
block(块级元素)和 inline(内联元素) 的区别
div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子;与之相反,像“span”这样的行内元素,则没有自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。其实你需要知道的行内元素就是 span 和 a ,其他的行内元素,比如 strong、b、font转载 2016-08-05 13:09:16 · 298 阅读 · 0 评论 -
导航部分第一个li错位的问题
今天学习慕课网企业实战项目的时候发现了 导航部分第一个li错位的问题,如图源码:HTML: index 联系我们 加入收藏 设为首页原创 2016-08-05 12:51:24 · 1324 阅读 · 1 评论 -
理解两个元素垂直居中对齐
在慕课网跟着企业网站实例进行练习,logo区的电话图标和后面的电话号码对齐用了一个vertical-align:middle,前段时间练习没有见过。查了W3C是这样解释的:vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内原创 2016-08-05 10:19:38 · 2576 阅读 · 0 评论 -
CSS中常用的四种链接状态:a:link、a:visited、a:hover及a:active
CSS 链接不同的链接可以有不同的样式。链接样式链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。特别的链接,可以有不同的样式,这取决于他们是什么状态。这四个链接状态是:a:link - 正常,未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:active - 链接被点击的那一刻实例转载 2016-08-04 21:25:48 · 19498 阅读 · 0 评论 -
常用的清除浮动的方法
此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景。–*{margin:0;padding:0;}body{font:36px bold; color:#F00; text-align:center;}#layout{background:#FF9;}#left{float:left;width:20%;height:200px;background:#DDD;lin转载 2016-08-04 17:32:22 · 250 阅读 · 0 评论 -
今天发现了css中的一个顺序问题
这几天正在自学中。。。今天发现一个顺序的问题,之前自学的时候没有看过谁讲这个问题。这个demo是关于轮播图的HTML Title < > 1 2 3 4 5 6原创 2016-07-28 15:53:51 · 371 阅读 · 0 评论 -
block,inline和inline-block概念和区别
总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。大体来说HTML元素各有其自身的布局级别(block元素还是inlin转载 2016-08-21 11:21:25 · 304 阅读 · 0 评论