网页设计基础知识总结

    在网页设计中，总有一些技术是我们常用的，而且作用也是很重要的，所以来总计一下这些技术都有哪些，对以后的网页设计的学习帮助更大。

    字体：Css中的字体属性可以应用到各种有文字的地方。

    1.HTML标签<b>:<bstyle=”color:rgb(0,0,255)”>蓝色的粗体文字</b>.

    2.字体的变形：font-variant。

    3.字体类型：font-family：黑体、宋体、隶书，默认的宋体。

    4.字体粗细：font-weight:粗体bole|特粗体bolder|细体lighter|正常体normal。

    5.字体大小：font-size。

    6.定义行高：line-height。

    7.下划线：text-decoration：下划线underline|顶划线overline|删除线line-through|文本闪烁blink。

    8.字体颜色：color。

    9.字间距：letter-spacing：ex|em。

    10.字体对齐方式：text-align：left|right|center|justify。

    11.定义无序列表：list-style-type：实心圆disc|空心圆circle|实心方块square|无none。

    12.定义有序列表：list-syle-type：阿拉伯数字decimal|小写罗马数字lower-roman|大写罗马数字upper-roman|小写英文字母lower-alpha|大写英文字母upper|无none。

    超链接：用伪类定义动态超链接样式。

    1.未访问前样式a:link｛｝；

    2.悬停时样式a:hover｛｝；

    3.用户激活时样式a:active｛｝；

    4.访问过以后样式a:visited｛｝。

    5.给链接添加提示文字：title属性。

    6.按钮式超链接：在悬停的时候把对象向下、右移动一个像素，效果很像按下去的按钮。

    7.背景颜色/图片background-color/image。

    8.定义鼠标样式cursor：正常auto|手型鼠标hand|等待鼠标wait|点状鼠标pointer|移动鼠标move|文字鼠标text|求助鼠标help。

    图片：

    1.边框样式border-style：无none|实现solid|点划线dotted|虚线dashed；

    2.边框颜色border-color；

    3.边框宽度border-width；

    4.图片大小width：数值；height：数值；

    5.图片的缩放width：百分比，height：百分比；

    6.图片的对齐方式：text-align：left、right、center。

    7.图片的纵向对齐vertical-align：顶端对齐top|中部对齐middle|底部对齐bottom。

    8背景图片、颜色background-img\color。

    9.导入图片：URL（图片的路径）；

    10.重复效果background-repeat：X轴重复repeat-x|Y轴重复repeat-y|无no-repeat。

    11.图片的位置可以参考我的上一篇博客。

    设置表格样式：

    1.table标签的属性：边框border、表格宽width、表格高height、位置align、单元格空隙cellspacing、单元格边界之间的距离cellpadding。

    2.一行的单元格<tr>;

    3.一个单元格<td>;

    这些知识都是非常常用的知识，总结下来，在使用的时候能够及时找到，对自己的学习和工作是非常有帮助的。这样总结下来，对网页设计的认识更加深刻了，在思想上网页设计这样看起来非常的简单，就用这些简单的逻辑设置来勾勒网页的灵魂和肉体。对下一步的学习起到了坚定信心和降低难度的作用，网页设计——思维开出的花朵。