首先先把一些常用的样式代码主要了解一下,一些深入的特殊的代码可以往后再了解,因为只有对这个有一定认识之后,学习的速度效率才会更快。 下面就列举一下一些常用的样式并写出用法来 1、背景background:url(images/bg.jpg)00no-repeat#000;是4个关于背景的简写;如:背景图平:background-image、背景图片位移:background-position、背景平铺:background-repeat、背景颜色:background-color; 2、高度height:100px、宽度width:100px;其中px是一个单位(像素),网页是以像素为单位的 3、边框border:1pxsolid#000;是3个关于边框的简写;边框粗细:border-width:1px;边框样式(实线):border-style:solid;边框颜色:border-color:#000; 4、字体:font:bold12pxArial,Helvetica,sans-serif;分解开的话就是:字体粗细font-weight:bold;字体大小font-size:12px;字体样式:font-family:Arial,Helvetica,sans-serif;字体行高line-height:20px;字体颜色color:#666; 5、内边距padding:10px20px30px40px;分解开就是上内边距:padding-top:10px;右内边距:padding-right:20px;下内边距:padding-bottom:30px;左内边距:padding-left:40px; 6、外边距margin:10px20px30px40px;分解开就是上外边距:padding-top:10px;右外边距:padding-right:20px;下外边距:padding-bottom:30px;左外边距:padding-left:40px; 7、float:left;向左浮动以我这些年来的工作经验,上面列举的这些样式是比较常用的样式,只要了解上面这些样式代码的功能,做出一个页面来是不成问题的。 当然,这里列举的只是一些常用的,其他的样式等熟悉了,再自己学习一下可以用Dreamweaver来写代码,因为这个软件有代码提示功能,只要打代码样式的头一个字体就会有相应的代码样式提示,只要能够大概的了解代码的功能,也就没必要把代码全记住,做这行我都四五年了也不能完完全的写出多少代码的全称,因为我根本没有去记,我只要看到这个代码就知道这个是做什么用的就够了有一点要提醒下,最好是把Dreamweaver当做一个辅助输入工具,多锻炼一些手写代码,这样对自己学习很有帮助。 本文来源:https://www.wddqw.com/doc/1586b8afc950ad02de80d4d8d15abe23492f035d.html