总结CSS3新特性(选择器篇)

发表于2015-07-17 15:15:22|--次阅读

CSS3新增了嗯- -21个选择器,脚本通过控制台在这里运行;~:p ~ p { color : red;/*此条规则将用于p后边所有的p...就是除了第一个p的所有p,规则同p:not(:nth-of-type(1)),但是权重要低于后者*/}[attribute^=value]:选择该属性...

web前端-常见中文字体在CSS中的Unicode编码

发表于2015-07-17 15:15:01|--次阅读

一,常见中文字体在CSS中的Unicode编码新细明体: \65b0\7ec6\660e\4f53细明体: \7ec6\660e\4f53标楷体: \6807\6977\4f53黑体: \9ed1\4f53宋体: \5b8b\4f53新宋体: \65b0\5b8b\4f53仿宋: \4eff\5b8...

7个Linux和Ubuntu下的免费CSS编辑器

发表于2015-07-15 15:52:13|--次阅读

一个好的编辑器是世界上所有程序员和web开发人员梦寐以求的东西。代码编辑器和集成开发环境是程序员工作时的左膀右臂。还在纠结使用什么编辑器么?下面我们将推荐7个主要用于Linux操作系统的免费CSS代码编辑器,并且它们已经得到了相关专家的认可哦。 1)jEdit jEdit是一款成熟的文本编辑器,.....

CSS3动画与过渡

发表于2015-07-15 15:52:03|--次阅读

transform:在使用2D或3D转换前需用transform-style申明转换的类型,preserve-3d或者preserve-2d属性 translate(): 通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置...

css3 盒模型记

发表于2015-07-15 15:51:37|--次阅读

#css3 盒模型 css假定每个元素都会生成一个或多个矩形框,这称为元素框。各元素框中心有一个内容区。这个内容区周围有可选的内边距,边框和外边距。这些项之所以被认为是可选的,原因是它们的宽度可以设置为0,实际上这样就从元素框去除了这些项。 ![](https://img.alicdn.co...

总结CSS3新特性(颜色篇)

发表于2015-07-15 15:51:23|--次阅读

颜色:CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值;hsl():hsl函数:h(色调),s(饱和度),l(亮度);色调:为0-360之间的数值[经实验,可以为小数];饱和度与亮度:均为百分比;下图截自http://www.w3.org/wiki/C...

CSS的@import的用法

发表于2015-07-15 15:51:12|--次阅读

CSS的@import的用法:@import在很多页面都有应用,不过使用的频率还是比link标签要少的多,所以可能还有很多布局者对此不是太熟悉,下面就简单介绍一下它的用法。它是用来引入外部样式表的一种方式,格式有以下两种:@import "style.css";@import url("style....

CSS的link和@import的区别

发表于2015-07-15 15:50:53|--次阅读

CSS的link和@import的区别:标签和@import都可以引入外部样式表,功能看起来类似,但是它们之间还是有不少区别的,由于标签使用比较频繁,这里就不多介绍了,点击CSS的@import的用法可以了解@import的用法。下面就简单介绍一下它们两者的区别。一.@import可以在一个样式表中...

z-index属性值为负数的作用

发表于2015-07-15 15:50:44|--次阅读

z-index属性值为负数的作用:在很多CSS代码中,可以看到z-index属性值被设置为负数的情况,下面就简单介绍一下,此属性值为负数情况下的表现。在一般情况下只要对象设置了position属性,且属性值不为static,那么此对象能够覆盖非定位对象,代码实例如下:蚂蚁部落 以上代码中a元素能够....

letter-spacing与word-spacing的区别

发表于2015-07-15 15:50:31|--次阅读

letter-spacing与word-spacing的区别:l标题中的两个属性的使用频率虽然算不上多,但是也不能说没有用武之地,它们两个由于在外观和作用上都有相似之处,但是也有很大的不同,下面就通过实例简单介绍一下。实例一:蚂蚁部落 I am a good boy I am a good boy由...

margin collapse 之父子关系的DIV

发表于2015-07-14 14:41:43|--次阅读

打算花点时间将知识整理一下,虽然平时现用现查都能完成工作,可是当遇到面试这种事情的时候,临时查就来不及了。。。关于margin,整理若干知识点如下:一:父子关系的DIV标签以及未加margin时的样式然后我们给父级和子集都加上margin如下:实际效果如下:我们会发现,蓝色的div的marginTo...

css3 颜色记

发表于2015-07-14 14:41:28|--次阅读

#css3 颜色##opacity 使元素呈现出半透明效果。 opacity:alphavalue || inherit alphavalue:默认值为1,可以取0~1任意浮点数。取值为1时,元素完全不透明;取值为0时,元素完全透明。不能为负值。 inherit:表示继承父元素的opaci...

css3 文本记

发表于2015-07-14 14:41:18|--次阅读

#css3 文本 在css文本功能上主要分为三大类:字体,颜色和文本。![](https://img.alicdn.com/imgextra/i1/2406102577/TB2Q3.YdFXXXXbAXpXXXXXXXXXX_!!2406102577.png)![](https://img.ali....

position&containing block

发表于2015-07-14 14:41:04|--次阅读

一、包含块(Containing Block)要讲position,首先就涉及到一个概念:包含块。1、包含块介绍包含块简单理解就是一个定位参考块,就是大盒子里套小盒子中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。1、初始包含块(Initial containing blo...

html中 让 ul 的多个 li 在一行内显示

发表于2015-07-14 14:40:53|--次阅读

有时候会需要ul的li都在同一行显示,避免li跑到下一行去,今天遇到了这个问题,记录下来,避免忘记~ Document 所有li都在一行显示 所有li都在一行显示 所有li都在一行显示 所有li都在一行显示 所有li都在一行显示 所有li都在一行显示 所有li都在一行显示 所有...

css3 背景用法大全

发表于2015-07-14 14:40:41|--次阅读

#css3 背景 css背景主要包括五个属性:##background-color background-color:transparent || 用来设置元素的背景颜色,默认值为transparent(透明),可用颜色名,RGB色,hls值,十六进制值指定颜色。##background-i...

如何设置div的透明度但是其中的文字不透明

发表于2015-07-14 14:40:00|--次阅读

如何设置div的透明度但是其中的文字不透明:设置div透明度的时候可能很多朋友会遇到这样一个问题,那就是对象中的文字也被产生了透明现象,也不能说事缺陷,也可能有时候需要这样的效果。这里就介绍一下如何将对象设置为透明效果,但是文字不透。代码实例如下:蚂蚁部落 蚂蚁部落 ...

CSS如何实现文字竖排效果

发表于2015-07-14 14:39:52|--次阅读

CSS如何实现文字竖排效果:文字竖排虽然不常用,但是并不是没有这方面的需求,但是现有的CSS属性支持度都不高或者兼容性不好,确实没有找到合适的方法来实现此效果,下面就分享一个用javascript实现的效果,大家可以借鉴一下,效果非常的好。代码实例如下: 蚂蚁部落 文字竖排虽然不...

CSS如何实现网易的盖楼效果

发表于2015-07-14 14:39:44|--次阅读

CSS如何实现网易的盖楼效果:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在很多论坛性质或者回复功能的网站都有盖楼效果,就是回复与回复之间能够叠加,这个感觉比较人性化,没有体验过这样的效果的朋友可以去网易找一个比较火热的帖子看一下它的回复就明白了。下面就介绍一下如何实现此种功能,代码实例如...

CSS如何实现滑动门效果

发表于2015-07-14 14:39:36|--次阅读

CSS如何实现滑动门效果:所谓的滑动门和tab选项卡其实是一个意思,下面就通过实例介绍一下如何实现此功能,代码实例如下: JS实现的新闻列表tab选项卡效果-蚂蚁部落 新闻排行 国内 国际 社会 网评 ...

猜你喜欢

友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1