DDR爱好者之家 Design By 杰米
通用类
overflow:hidden;自动隐藏超出的内容,防止撑开层和表格的范围
!important
指定样式规则的应用优先权
文字类 color: #FF0000;文字颜色 font-family: "Arial", "Helvetica", "sans-serif";字体 font-size: 9px;字号 text-align:center; 居中(left为居左,right为居右) line-height:28px;行高(可用150%值) font-style: italic;斜体(oblique偏斜体) font-weight: bold;服务粗体(bolder特粗,400粗值) font-variant: small-caps;小型大写字母 text-transform: capitalize;首字母大写 text-decoration: underline overline line-through blink;下划线,上划线,删除线,闪烁 text-indent: 2em;文字缩进2个字体高(或15px,即15象素)
背景类 background-attachment: fixed;固定位置(scroll滚动) background: #0066CC;背景色(transparent透明) background: url(/image/more2.gif);背景图片 background-repeat: repeat;重复(repeat-x横向重复,repeat-y纵向重复) background-position: center top;水平居中 垂直顶部(left center水平居左 垂直居中) background:url(/image/dtbg.gif) #FEFEFE
no-repeat
right bottom(2px 5px);
背景图片、
背景颜色、图片不重复、背景图片从右下角开始(图片距左2px距上5px)
框架位置类
clear: both;两边拒排浮动对象(left左边拒排浮动对象,right右边拒排浮动对象)
float: left;浮动对象位置居左(right, 最新列车时刻表位置居右)
position:relative; 相对位置,一般在上级框架中设定 极品时刻表
position:absolute; 绝对位置,配合上级框架的设定对本级框架设定,设置top、left值
top:5px; 页面绝对或相对于框架顶端绝对位置
left:10px; 页面绝对或相对于框架左边绝对位置
width: 100px;宽100px
height: 200px;高200px(可用auto和100%值)
margin 上海火车时刻表:10px 20px 10px 20px;
上右下左页边距(值相同可省写margin:10px)
单独指定用margin-top:10px; (margin-right、margin-bottom、margin-left)
padding:20px 10px 10px 20p;
上右下左内容离边框的距离(值相同可省写padding:10px)
单独指定用padding-top:10px;(padding-right、padding-bottompadding-left)
border:#ccc 1px solid 成都列车时刻表;
四边框颜色、线宽、实线(dotted虚线,dashed点画线,double双线,ridge脊线)
单独指定用border-top:#ccc 1px solid;border-right:#ccc 1px solid
等等
项目列表类 list-style-position: outside;位置为外(inside内) list-style-image: url(/yh/image/more04.gif);项目符号图像 临客时刻表 list-style-type: disc;项目符号为圆点(circle圆圈,square方块)
扩展类 cursor: e-resize;鼠标样式 filter: Blur(Add=4, Direction=8, Strength=4);滤镜 filter: FlipH;横向翻转(FlipV gprs流量费纵向翻转)
单独设置链接
#bottool a:link{color:#fff};未访问的颜色
#bottool a:visited{color:#fff};已访问的颜色 流量软件
#bottool a:hover{color:#ff0};鼠标在链接上
这么多定义项, 其实常用也就下面几类:指定宽高值width,height;指定背景:background;指定位置:float,特殊的用position结合 top、left来定位;设定框架边距:margin;设定容器内框距:padding几项。其中在我的样式定义中取消了overflow、 clear、!important程序的定义项。1、取消overflow:hidden是因为经反复实验,该定义项只能隐藏超出容器高度的内容而不能隐藏超出宽度的内容。而我需要的就是要能自动隐藏超出容器宽度的内容,有时反而需要容器高度能随内容的多少而撑开容器高度。2、取消clear定义项是因为在实际应用中很真正达到理解的容器与容器的排列关系,框架或容器的位置还是用float、position、top、left等精确定位。 3、!important
指定样式规则的应用优先权。这个主要用于在IE和其它的浏览器要区别显示出的效果,我的网站就是想固定显示效果,所以不存在什么优先权。
我对DIV+CSS也还在研究之中,有不当之处请大家跟贴指正,有完善的地方也请跟贴完善。我认为用DIV+CSS来布局网站,最重要的是布局思路问题,不同的设计方案,设计的繁简大不一样。我着重框架或容器的通用性,设计出几种容器的样式,就象FS4中的标签样式,然后在需要的地方调用这个样式就行了,以达到通用性而不是专用性。今天就谈这些,以后再专门谈谈这个布局设计思路问题。
overflow:hidden;自动隐藏超出的内容,防止撑开层和表格的范围
!important
指定样式规则的应用优先权
文字类 color: #FF0000;文字颜色 font-family: "Arial", "Helvetica", "sans-serif";字体 font-size: 9px;字号 text-align:center; 居中(left为居左,right为居右) line-height:28px;行高(可用150%值) font-style: italic;斜体(oblique偏斜体) font-weight: bold;服务粗体(bolder特粗,400粗值) font-variant: small-caps;小型大写字母 text-transform: capitalize;首字母大写 text-decoration: underline overline line-through blink;下划线,上划线,删除线,闪烁 text-indent: 2em;文字缩进2个字体高(或15px,即15象素)
背景类 background-attachment: fixed;固定位置(scroll滚动) background: #0066CC;背景色(transparent透明) background: url(/image/more2.gif);背景图片 background-repeat: repeat;重复(repeat-x横向重复,repeat-y纵向重复) background-position: center top;水平居中 垂直顶部(left center水平居左 垂直居中) background:url(/image/dtbg.gif) #FEFEFE
no-repeat
right bottom(2px 5px);
背景图片、
背景颜色、图片不重复、背景图片从右下角开始(图片距左2px距上5px)
框架位置类
clear: both;两边拒排浮动对象(left左边拒排浮动对象,right右边拒排浮动对象)
float: left;浮动对象位置居左(right, 最新列车时刻表位置居右)
position:relative; 相对位置,一般在上级框架中设定 极品时刻表
position:absolute; 绝对位置,配合上级框架的设定对本级框架设定,设置top、left值
top:5px; 页面绝对或相对于框架顶端绝对位置
left:10px; 页面绝对或相对于框架左边绝对位置
width: 100px;宽100px
height: 200px;高200px(可用auto和100%值)
margin 上海火车时刻表:10px 20px 10px 20px;
上右下左页边距(值相同可省写margin:10px)
单独指定用margin-top:10px; (margin-right、margin-bottom、margin-left)
padding:20px 10px 10px 20p;
上右下左内容离边框的距离(值相同可省写padding:10px)
单独指定用padding-top:10px;(padding-right、padding-bottompadding-left)
border:#ccc 1px solid 成都列车时刻表;
四边框颜色、线宽、实线(dotted虚线,dashed点画线,double双线,ridge脊线)
单独指定用border-top:#ccc 1px solid;border-right:#ccc 1px solid
等等
项目列表类 list-style-position: outside;位置为外(inside内) list-style-image: url(/yh/image/more04.gif);项目符号图像 临客时刻表 list-style-type: disc;项目符号为圆点(circle圆圈,square方块)
扩展类 cursor: e-resize;鼠标样式 filter: Blur(Add=4, Direction=8, Strength=4);滤镜 filter: FlipH;横向翻转(FlipV gprs流量费纵向翻转)
单独设置链接
#bottool a:link{color:#fff};未访问的颜色
#bottool a:visited{color:#fff};已访问的颜色 流量软件
#bottool a:hover{color:#ff0};鼠标在链接上
这么多定义项, 其实常用也就下面几类:指定宽高值width,height;指定背景:background;指定位置:float,特殊的用position结合 top、left来定位;设定框架边距:margin;设定容器内框距:padding几项。其中在我的样式定义中取消了overflow、 clear、!important程序的定义项。1、取消overflow:hidden是因为经反复实验,该定义项只能隐藏超出容器高度的内容而不能隐藏超出宽度的内容。而我需要的就是要能自动隐藏超出容器宽度的内容,有时反而需要容器高度能随内容的多少而撑开容器高度。2、取消clear定义项是因为在实际应用中很真正达到理解的容器与容器的排列关系,框架或容器的位置还是用float、position、top、left等精确定位。 3、!important
指定样式规则的应用优先权。这个主要用于在IE和其它的浏览器要区别显示出的效果,我的网站就是想固定显示效果,所以不存在什么优先权。
我对DIV+CSS也还在研究之中,有不当之处请大家跟贴指正,有完善的地方也请跟贴完善。我认为用DIV+CSS来布局网站,最重要的是布局思路问题,不同的设计方案,设计的繁简大不一样。我着重框架或容器的通用性,设计出几种容器的样式,就象FS4中的标签样式,然后在需要的地方调用这个样式就行了,以达到通用性而不是专用性。今天就谈这些,以后再专门谈谈这个布局设计思路问题。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2024年11月24日
2024年11月24日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]