
css
likeyrivers
坚持做自己懒得做但是正确的事情,你就能得到别人想得到却得不到的东西。
展开
-
玩转CSS CSS精彩实例教程(一)
玩转CSS CSS精彩实例教程(一) CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐! 前言 C转载 2014-04-23 16:02:08 · 753 阅读 · 0 评论 -
css的基础知识的学习视频网站
http://www.51zxw.net/show.aspx?id=10402&cid=253转载 2014-05-20 13:00:01 · 428 阅读 · 0 评论 -
DIV+CSS的用法
line-height:文本的行间距 div+css我们控制的,主要转载 2014-05-20 16:07:18 · 540 阅读 · 0 评论 -
css技巧大全
CSS的超级技巧大放送 ——网络资源一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二.明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px转载 2014-05-20 16:43:50 · 383 阅读 · 0 评论 -
CSS超级技巧
八.多重class定义 一个标签可以同时定义多个class。例如:我们先定义两个样式,第一个样式背景为#666;第二个样式有10 px的边框。 .one{width:200px;background:#666;}.two{border:10px solid #F00;} 在页面代码中,我们可以这样调用 这样最终的显示效果是这个div既有#666的背景,也有10p转载 2014-05-20 16:30:11 · 440 阅读 · 0 评论 -
CSS3 3D Transform
跳转到主要内容w3cplus首页博客Sasscss3js/jQuery案例资源ToBe搜索表单搜索记述前端那些事引领web前沿打造精品css3教程 W3CPluscss3属性详解Sass教程Responsive国外优秀译文Grunt教程Css3工具Web DesignUI设计库图片滚动效转载 2014-05-15 22:24:24 · 833 阅读 · 0 评论 -
CSS3 Transform——transform-origin
在CSS2.1中,我们的页面都是静态的,网页设计师也习惯把它作为页面效果的设计工具。但往往有些页面效果不只是静态的,比如说,如何实际移动一些元素?如何更改元素的外观——旋转或缩放?多年来,Web设计师为了给修改页面的外观,都依赖于图片、Flash或JavaScript才能完成。不过,CSS3将要改变设计师这种思维,进入CSS3时代,借助CSS3就可以轻松倾斜、缩放、移动以及翻转元素。在20转载 2014-05-15 17:30:22 · 986 阅读 · 0 评论 -
27 Apr javascript的offset、client、scroll使用方法
javascript的offset、client、scroll使用方法offsetTop 指元素距离上方或上层控件的位置,整型,单位像素。offsetLeft 指元素距离左方或上层控件的位置,整型,单位像素。offsetWidth 指元素控件自身的宽度,整型,单位像素。offsetHeight 指元素控件自身的高度,整型,单位像素。网页可见区域宽:d转载 2014-05-16 00:27:08 · 470 阅读 · 0 评论 -
margin和padding的区别
2009-08-24 15:10:13| 分类:DIV+CSS |举报|字号 订阅 目前web2.0已经越来被人们认可,因为喜欢搞web开发的人员不得不硬着头皮去学习web2.0的标准,其中很重要的一条就是新的布局规则,div+css。以前基本上是用table布局的,这种传统的方式简单直观,但是这新的标准我学习起来时常找不到北。呵呵,就拿今天这个例子转载 2014-05-16 00:13:09 · 498 阅读 · 0 评论 -
webkit-animation css3 动画
-webkit-animation:仍旧是一个复合属性,-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性(1) -webkit-animation-name 这个属性的使用必须结合@-webkit-keyframes一起使用转载 2014-05-15 16:44:00 · 663 阅读 · 0 评论 -
响应式布局设置--@media only screen and
@media only screen and only(限定某种设备)screen 是媒体类型里的一种and 被称为关键字,其他关键字还包括 not(排除某种设备)/* 常用类型 */类型 解释all 所有设备braille 盲文embossed 盲文打印handheld 手持设备print 文档打印或打印预览模式projection 项目演示,转载 2014-04-24 08:38:55 · 820 阅读 · 0 评论 -
Div+css初学者必知
Div+css初学者必知 DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表现相分离。 XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。XHTML基于可扩展标记转载 2014-04-23 16:42:51 · 433 阅读 · 0 评论 -
css学习的一点总结
最近一直在IE6上调试页面的兼容性,因此,给出一些自己常用的方法:1、对于页面上按钮跳不见,或位置不对,一般要修改CSS中的position,设置position:absolute,一般就能够解决,但是有时候,在绝对位置下,页面变宽了,可以再修改width,让它在可视范围内;2、IE6上修改样式时,避免对其他浏览器兼容性的影响,可以在之前加上_,如设置位置:_position,让它只对IE转载 2014-05-20 16:10:51 · 411 阅读 · 0 评论