来看看:经常使用CSS缩写语法
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站。利用缩写能够匡助削减你CSS文件的巨细,加倍简单浏览。css缩写的次要划定规矩以下: 色彩
16进制的色采值,假如每两位的值不异,能够缩写一半,比方:
#000000能够缩写为#000;#336699能够缩写为#369;
盒尺寸
一般有上面四种誊写办法:
●property:value1;暗示一切边都是一个值value1;
●property:value1value2;暗示top和bottom的值是value1,right和left的值是value2
●property:value1value2value3;暗示top的值是value1,right和left的值是value2,bottom的值是value3
●property:value1value2value3value4;四个值顺次暗示top,right,bottom,left
便利的影象办法是顺时针,上右下左。详细使用在margin和padding的例子以下:
margin:1em02em0.5em;
边框(border)
边框的属性以下:
●border-width:1px;
●border-style:solid;
●border-color:#000;
能够缩写为一句:border:1pxsolid#000;
语法是border:widthstylecolor;
背景(Backgrounds)
背景的属性以下:
●background-color:#f00;
●background-image:url(background.gif);
●background-repeat:no-repeat;
●background-attachment:fixed;
●background-position:00;
能够缩写为一句:background:#f00url(background.gif)no-repeatfixed00;
语法是background:colorimagerepeatattachmentposition;
你能够省略个中一个或多个属性值,假如省略,该属性值将用扫瞄器默许值,默许值为:
●color:transparent
●image:none
●repeat:repeat
●attachment:scroll
●position:0%0%
字体(fonts)
字体的属性以下:
●font-style:italic;
●font-variant:small-caps;
●font-weight:bold;
●font-size:1em;
●line-height:140%;
●font-family:"LucidaGrande",sans-serif;
●能够缩写为一句:font:italicsmall-capsbold1em/140%"LucidaGrande",sans-serif;
注重,假如你缩写字体界说,最少要界说font-size和font-family两个值。
列表(lists)
作废默许的圆点和序号能够如许写list-style:none;,
list的属性以下:
●list-style-type:square;
●list-style-position:inside;
●list-style-image:url(image.gif);
能够缩写为一句:list-style:squareinsideurl(image.gif);
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器) Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
页:
[1]