带来一篇历数CSS缩写的一些优点

网上冲浪无论你用InternetExplorer还是NetscapeNavigator，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。
　　Web网站可用性的关头目标是速率，更切实地说，是页面能以多快的速率呈现在会见者的扫瞄器窗口里。影响速率的要素有良多种，包含Web服务器的速率、会见者的Internet毗连情形，和扫瞄器必需下载的文件巨细。只管你没法把持服务器和毗连的速率，可是你能够把持组成网站Web页面的文件巨细。
　　为了让网站可以更快，Web的建立者城市按惯例地紧缩和优化网站上的每个图象文件，这经常使得为了将文件的巨细削减几个百分点而就义了图象的质量。因为CSS款式表是纯文本文件，和图象比拟绝对较小，以是Web建立者很少思索接纳措施削减其CSS款式表文件的巨细。可是，经由过程利用CSS缩写和其他的一些复杂技能，你能够在很年夜水平上削减款式表的巨细。在我对本人款式表的一次非正式的出格测试中，我把文件的巨细下降了约莫25-50%。
　　利用CSS的缩写性子
　　CSS的缩写性子(shorthandproperty)是一些公用的性子名，用来取代多个相干性子的汇合。比方，间隙性子(paddingproperty)是顶部间隙(padding-top)、右边间隙(padding-right)、底部间隙(padding-bottom)和左边间隙(padding-left)的缩写。
　　利用速写性子让你可以把多本性质/属性对(property/attributepair)紧缩进CSS款式表的一行代码里。比方，想想上面的代码：
　　.sample1{
　　margin-top:15px;
　　margin-right:20px;
　　margin-bottom:12px;
　　margin-left:24px;
　　padding-top:5px;
　　padding-right:10px;
　　padding-bottom:4px;
　　padding-left:8px;
　　border-top-width:thin;
　　border-top-style:solid;
　　border-top-color:#000000;
　　}
　　将它用一些缩写性子来替换就可以够把代码削减为上面如许，二者的实践效果是完整一样的：
　　.sample1{
　　margin:15px20px12px24px;
　　padding:5px10px4px8px;
　　border-top:thinsolid#000000;
　　}
　　要注重，缩写性子另有多个属性，每个(属性)都对应一个被组合进进缩写性子的惯例性子。属性由空缺离隔。
　　当属性是相似的值的时分，比方用于边框空缺性子(marginproperty)的线性丈量的时分，接在缩写性子以后的属性的按次很主要。属性的序次是从顶部(顶部的边框空缺)入手下手，然后环绕格子(box)按顺时针序次持续。
　　假如缩写性子的一切属性都是不异的，那末你能够复杂地列出单个属性，然后在后面将它复制四遍。因而，上面的两本性质是相称的：
　　margin:5px5px5px5px;
　　margin:5px;
　　相似的，你可使用接在边框空缺大概距离性子以后的两个属性来代表顶部/底部和右边/左边属性对。
　　margin:5px10px5px10px;
　　margin:5px10px;
　　属性的按次在它们是不类似的值的时分是不主要的。因而，边框色彩、边框作风和边框宽度等属性能够以任何按次接在纲目性子(outlineproperty)以后。疏忽某个属性同等于从款式划定规矩里疏忽失落对应的惯例性子。
　　上面是CSS缩写性子的列表和它们所暗示的惯例性子。
　　Background(背景)：背景附件、背景色彩、背景图象、背景地位、背景反复
　　Border(边框)：边框色彩、边框作风、边框宽度
　　border-bottom(底部边框)：底部边框色彩、底部边框款式、底部边框宽度
　　border-left(左边边框)：左边边框色彩、左边边框款式、左边边框宽度
　　border-right(右边边框)：右边边框色彩、右边边框款式、右边边框宽度
　　border-top(顶部边框)：顶部边框色彩、顶部边框款式、顶部边框宽度
　　cue(声响提醒)：条件示、后提醒
　　font(字体)：字体、字号、字体款式、字体粗细、字体变体、线高度、字体巨细调剂、字体拉伸
　　list-style(列表款式)：列表款式图象、列表款式地位、列表款式范例
　　margin(空缺)：顶部空缺、右边空缺、底部空缺、左边空缺
　　outline(纲目)：纲目色彩、纲目款式、纲目宽度
　　padding(间隙)：顶部间隙、右边间隙、底部间隙、左边间隙
　　pause(停息)：后停息、前停息
　　削减空缺
　　削减CSS款式表巨细的另外一种办法是从文档里删失落年夜多半无用的空缺。换句话说，将每条划定规矩冲破放进一行代码里，即把本来拔出到代码里用来把每一个性子/属性支解到分歧行的换行符和缩进符删失落。
　　比方，上面的代码示例在内容上不异，可是第二个要精华精辟很多：
　　h1{
　　font-size:x-large;
　　font-weight:bold;
　　color:#FF0000;
　　}
　　h1{font-size:x-large;font-weight:bold;color:#FF0000}
　　删失落正文
　　将正文从你的CSS代码里删失落是削减文件巨细的另外一种体例。只管正文关于代码的浏览很有效，可是它无助于扫瞄器天生你的Web页面。良多Web建立者都习气给每行代码都加上正文，大概最少给每条划定规矩声明都加上。如许的大方正文在CSS款式内外是少少必要的，由于年夜多半CSS性子和属性都很简单浏览和了解。假如你对类、ID，和其他的选择器都利用成心义的称号，你就能够免却年夜多半的正文，同时仍旧可以坚持代码的可读性和可保护性。
　　h1{/*Heading1stylewww.poluoluo.com*/
　　font-size:x-large;/*x-largesize*/
　　font-weight:bold;/*Bold*/
　　color:#FF0000;/*Red*/
　　}
　　利用速写性子、删除无用的空缺、省略正文都可以在很年夜水平上削减你CSS款式表文件的巨细。这反过去会对减速你Web网站速率的整体方针作出小的、可是大概会是不言而喻的奉献。


在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

学Dreamweaver技术的过程其实是一个增加信心的过程。

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

可以使用 CSS 检查工具进行设计。

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。