网页设计基础:

目录:

第一章 网页设计概述

视频
1-1 Web应用概述
文档
1-1 Web应用概述-讲义
讨论
交流你遇到的好用的“超链接”

1-2 我的第一个网页

1-2 我的第一个网页
1-2 我的第一个网页-讲义

1-3* 开发与测试环境

1-3 开发与测试环境
1-3 开发与测试环境-讲义

1-4 主机、域名与IP

1-4 主机、域名与IP
1-4 主机、域名与IP-讲义

第二章 标记语言(一)

第三章 网页样式管理

第四章 标记语言(二)

第五章 CSS布局

总结:

字体: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.button式超链接:在悬停的时候把对象向下、右移动一个像素,效果非常像按下去的button。

    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>;