网页设计基础:
目录:
第一章 网页设计概述
1-2 我的第一个网页
1-3* 开发与测试环境
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>;