仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1035|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS3的新特征先容

[复制链接]
山那边是海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:08:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
所有的设计第一步就是构思,构思好了。
边框:(Borders)
border-color:把持边框色彩,而且有了更年夜的天真性,能够发生突变效果
border-image:把持边框图像
border-corner-image:把持边框边角的图像
border-radius:能发生相似圆角矩形的效果
背景(Backgrounds)
background-origin:决意了背景在盒模子中的初始地位,供应了3个值,border,padding和content
border:把持背景肇端于左上角的边框
padding:把持背景肇端于左上角的留白
content:把持背景肇端于左上角的内容
background-clip:决意边框是不是掩盖住背景(默许是不掩盖),供应了两个值,border和padding
border:会掩盖住背景
padding:不会掩盖背景
background-size:能够指定背景巨细,以象素或百分比显现。当指定为百分比时,巨细会由地点地区的宽度、高度,和background-origin的地位决意
multiplebackgrounds:多重背景图像,能够把分歧背景图像只放到一个块元素里。
笔墨效果:(Texteffects)
text-shadow:笔墨投影,多是由于MACOSX的Safari扫瞄器入手下手撑持投影才特地增添的。
text-overflow:当笔墨溢出时,用"..."提醒。包含ellipsis、clip、ellipsis-word、inherit,前两个CSS2就有了,今朝仍是部分撑持,但风趣的是IE6竟然也撑持。ellipsis-word能够省略失落最初一个单词,对中辞意义不年夜,inherit能够承继父级元素。
色彩:(Color)
HSLcolors:除撑持RGB眼色外,还撑持HSL(色相、饱和度、亮度)。之前一样平常都是作图的时分用HSL色谱,但如许一来会包含更多的色彩。H费用暗示,S和L用百分比暗示,好比hsl(0,100%,50%)
HSLAcolors:加了个不通明度(Apacity),用0到1之间的数来暗示,好比hsla(0,100%,50%,0.2)
opacity:间接把持不通明度,用0到1之间的数来暗示
RGBAcolors:和HSLAcolors相似,加了个不通明度
用户界面(User-interface)
resize:能够由用户本人调剂div的巨细,有horizontal(程度)vertical(垂直)大概both(同时),大概同时调剂。假如再加上max-width或min-width的话还能够避免损坏结构
选择器:(Selectors)
Attributeselectors:在属性中能够到场通配符,包含^,$,*
[att^=val]:暗示入手下手字符是val的att属性
[att$=val]:暗示停止字符是val的att属性
[att*=val]:暗示包括最少有一个val的att属性
别的模块:(Othermodules)
mediaqueries:感到叫媒体选择对照符合,能够为网页中分歧的工具设置分歧的扫瞄设备。好比能够为某一块分离设置屏幕扫瞄款式和手机扫瞄款式,之前则只能设置全部网页。
multi-columnlayout:多列结构,让笔墨以多列显现,包含column-width、column-count、column-gap三个值
column-width:指定每列宽度
column-count:指定列数
column-gap:指定每列之间的间距
column-rule-color:把持列间的色彩
column-rule-style:把持列间的款式
column-rule-width:把持列间的宽度
column-space-distribution:均匀分派列间距

大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
简单生活 该用户已被删除
沙发
发表于 2015-1-18 05:22:35 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
愤怒的大鸟 该用户已被删除
板凳
发表于 2015-1-18 05:22:35 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
第二个灵魂 该用户已被删除
地板
发表于 2015-1-24 06:11:08 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
金色的骷髅 该用户已被删除
5#
发表于 2015-1-31 22:30:33 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
活着的死人 该用户已被删除
6#
发表于 2015-2-7 02:04:18 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
若天明 该用户已被删除
7#
发表于 2015-3-6 16:06:39 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
蒙在股里 该用户已被删除
8#
发表于 2015-3-13 04:53:38 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
深爱那片海 该用户已被删除
9#
发表于 2015-3-20 13:20:29 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 07:30

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表