css

CSS中background-attachment的值 2015-09-15

background-attachment值scrool:默认值,背景随页面滚动而移动,即背景和内容绑定,当页面的其余部分滚动时,背景图像不会移动.fixed: 背景图相对于视口固定,当页面的其余部分滚动时,背景图像不会移动.local: 背景图相对于元素内容固定.inhert:规定应该从父元素继承 background-attachment 属性的设置.(1).scroll设置background-attachment:scroll,背景图是相对于元素自身固定,内容动时背景图也动.对于scro

CSS综合复习三 2014-10-05

CSS综合复习三
1.三种定位机制:普通流,浮动,绝对定位2.行框:由一行形成的水平框,称为行框3.position(定位)stattic,元素正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置其于父元素中(默认):即没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明).relative:元素框 ...

CSS综合复习一 2014-10-04

CSS综合复习一
1.css(层叠样式表):样式的优先级按低到高依次为,1)浏览器缺省设置:2)外部样式表:3)内部样式表:4)内联样式表.尽管默认有这样一个优先级顺序,但当先定义style(内部样式表)再引入文件后,引入文件的样式仍然会重写style中的样式.2.背景(background)背景属性不能被继承 background-color:gray;/*背景图片的优先级大于颜色的优先级,即 ...

divcss布局命名时尽量避免下划线 2014-04-04

直习惯了在命名css样式名时使用下划线"_"做为单词的分隔符,这也是在写js时惯用的写法.用过css hack的朋友应该知道,用下划线命名也是一种hack,如使用"_style"这样的命名,可以让ie外的大部分浏览器忽略这个样式的定义,所以使用"_"做为命名时的分隔符是不规范的.在做css检查时会出现错误提示,因此要避免使用下划线命名.为此得找一个能代替下划线而又合规范的符号,当然不是一定要用这种分隔符之类的,只是个人习惯问题.做了个小测试,将下

CSS6CSS学习的一些前提 2013-07-31

CSS6CSS学习的一些前提
一.前提: 个人认为CSS学习是有前提条件的:兴趣.美感和创造能力:从技术角度上来讲需要了解HTML.JS等基本知识.可惜这些条件本人也不具备,但毛主席教导我们:实践出真知.二.登录界面:1.效果图:2.来源: 这是2011年为项目组做的图书馆登录界面,从网上找了一个图片进行了剪切.三.div初步认识 简单来讲div就是一个块,上面登录界面就划分为三个div,如下:四.制作过程 ...

CSS4CSS选择器练习 2013-07-31

CSS4CSS选择器练习
练习一:1.类选择器使用练习:类选择器使用示例无类选择器效果类选择器red效果类选择器blue效果同一个类别选择器可以使用到另外的标记上2.效果: 3.解释: 第一行效果:由于没有对标记P进行选择器定义,所以显示默认颜色和大小: 第二行效果:由于对标记P使用了red类选择器,所以字体显示为红色且12像素大小: 第三行效果:由于对标记P使用了bule类选择器,所以字体显示为蓝色且 ...

利用CSS定位背景图片 2013-01-21

又如:这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽.那么怎么来实现一张图片在不同的地方只显示其中的一部分呢,这就用到了我们今天要说的背景图片的定位问题.这个问题相信很多人都郁闷过,也经常有朋友问我,所以今天就系统的说一下:我们知道在用图片作为背景的时候,css要这样写,以div容器举例子,也可以是body.td.p等的背景,道理一样.代码:div{ background:#FFF url(i

DIV阴影效果 2013-01-21

一.第一种类型CSs阴影框,Div阴影源码爱好者提供编程源码.网站源码.网页素材.书籍教程.网站模板.网页特效代码等,做有质量的学习型源码下载站.二.第二种类型css代码:for ie:direction 阴影角度 0°为从下往上 顺时针方向strength 阴影段长度-moz-box-shadow: 2px 2px 10px #909090;-webkit-box-shadow: 2px 2px 10px #909090;box-shadow:2px 2px 10px #909090;第一个参

CSS代码规范 2011-11-09

代码结构1. browser mode: standard quirk(兼容旧site ie旧boxmodel)2. specificity:某个p有自己的特性p {color: black;} p.intro {color: grey;} p .intro 是指包含在p内class为intro的元素p {background-color:red;}p.intro {background-color:gray;}p .intro{background-color:yellow;}3. 全部sty

CSS属性汇总--(7)borderoutline 2011-10-16

CSS border 属性 border 简写属性在一个声明设置所有的边框属性.可以按顺序设置如下属性:border-width border-style border-color 如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的. Js语法:object.style.border="3px solid blue"下面是一个例子:p { border: medium double rgb(250,0,255) } Some text运行

flex4学习笔记_css 2011-07-01

flex4学习笔记_css
Summary for css in flex4In this chapter, I described the use of Cascading Style Sheets (CSS) to effect the visual presentation of Flex applications. You learned the following:● CSS are imple ...

最近想学习网页换肤的实现 2010-11-09

最近因网站设计需要实现网页换肤的功能,到网上搜索了一下,找到部分资料,转帖一下,以备后查.JS换皮肤及cookie读写(转帖自http://bryant24.javaeye.com/blog/781564)要做皮肤切换,就涉及到js存取cookie的问题 Js代码 function GetCookieVal(offset) //获得Cookie解码后的值 { var endstr = document.cookie.indexOf (";", offset); if (endstr =

精美纯Css鼠标经过下拉菜单 2010-09-21

精美纯Css鼠标经过下拉菜单酷站首页http://www.css98.cn">我的Pnghttp://www.css98.cn">我的Gifhttp://www.css98.cn">我的酷站http://www.css98.cn">我的日志http://www.css98.cn">我的相册http://www.css98.cn">我的收藏社区圈子http://www.css98.cn">我的CH

JS+CSS制作下拉式多级弹出式菜单 2010-09-20

JS+CSS制作下拉式多级弹出式菜单编程技术1 4阅读1172评论2 字号:大中小文章CSS教程DOM教程XML教程FLASH教程参考XHTMLXMLCSSBLOG全部网页技术UI技术FLASH技术摇滚纯音乐古典金曲电影原声一个标准的采用ul结构的菜单构成,但与前面所不同的是,这里的代码结构涉及嵌套,在第一层的li之间插入了另一个ul的结构,这就是多级菜单的一个代码构成模式,XHTML代码允许通过嵌套元素来实现想要的效果或是结构.下一步,我们尝试编写一些简单的cs

CSS手写代码总结 2010-03-28

在这里说明一下,那个!important这个写法,在IE6以上都是可以认到的.并不是网上所说的IE6不能识别!它能识别到!important,但不能理解它是优先级更高的意思!!!!很多时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果.这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack.由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系.我们就可以根据这

很好用的CSS居中布局的方法 2008-12-12

所有CSS布局技术都依赖于3个基本概念:定位.浮动.空白边的操作. 让网页设计居中有两种基本方法:一个方法是使用自动空白边,另一个方法是使用定位和负值的空白边.第一种方法:假设有一个经典的布局,希望让其中的容器div在屏幕上水平居中HTML代码        CSS样式表#wrapper{   width:720px; margin:0 auto;}这种方法所有的现有的浏览器中都是有效的,但是IE5和IE6中不支持自动空白边,但幸运的是IE将text-algin:center 误解为让所有东西都

整理关于CSS盒模型BoxModel的问题 2008-10-31

学习css已经有段时间了,对CSS的盒模型(Box Model)有了一定的理解.今天整理一下我学习中遇到的关于CSS盒模型(Box Model)的问题,希望对那些初学css的朋友有些帮助.什么是css盒模型???W3C组织就建议把所有网页上的对象都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin).margin,backgr

css虽然很简单.但的确是好东东 2008-01-31

一,如何让DIV水平居中:margin外边距,0表示上下的距离;auto表示左右的距离二,DIV元素结构定义,类似这样: 标志和站点名称 主页面内容 站点导航(主菜单) 子菜单 搜索框 功能区 页脚(版权和有关法律声明)三,选择器1)群选择器 当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,: p, td, li { font-size : 12px ; }2)派生选择器 可以使用派生选择器给一个元素里的子元素定义样式,例如这样:li strong { font-style
一周排行