在网页设计中,总有一些技术是我们常用的,而且作用也是很重要的,所以来总计一下这些技术都有哪些,对以后的网页设计的学习帮助更大。
字体: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>;
这些知识都是非常常用的知识,总结下来,在使用的时候能够及时找到,对自己的学习和工作是非常有帮助的。这样总结下来,对网页设计的认识更加深刻了,在思想上网页设计这样看起来非常的简单,就用这些简单的逻辑设置来勾勒网页的灵魂和肉体。对下一步的学习起到了坚定信心和降低难度的作用,网页设计——思维开出的花朵。
版权声明:本文为博主原创文章,未经博主允许不得转载。