MyException - 我的异常网
当前位置:我的异常网» 网页设计 » 网页设计基础知识小结

网页设计基础知识小结

www.MyException.Cn  网友分享于:2015-08-17  浏览:0次
网页设计基础知识总结

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

    字体: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>;

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

文章评论

做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
团队中“技术大拿”并非越多越好
团队中“技术大拿”并非越多越好
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
程序员和编码员之间的区别
程序员和编码员之间的区别
10个调试和排错的小建议
10个调试和排错的小建议
60个开发者不容错过的免费资源库
60个开发者不容错过的免费资源库
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
我跳槽是因为他们的显示器更大
我跳槽是因为他们的显示器更大
我是如何打败拖延症的
我是如何打败拖延症的
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
老程序员的下场
老程序员的下场
如何区分一个程序员是“老手“还是“新手“?
如何区分一个程序员是“老手“还是“新手“?
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
 程序员的样子
程序员的样子
程序员应该关注的一些事儿
程序员应该关注的一些事儿
5款最佳正则表达式编辑调试器
5款最佳正则表达式编辑调试器
那些性感的让人尖叫的程序员
那些性感的让人尖叫的程序员
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
那些争议最大的编程观点
那些争议最大的编程观点
如何成为一名黑客
如何成为一名黑客
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
旅行,写作,编程
旅行,写作,编程
总结2014中国互联网十大段子
总结2014中国互联网十大段子
程序员都该阅读的书
程序员都该阅读的书
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
每天工作4小时的程序员
每天工作4小时的程序员
2013年中国软件开发者薪资调查报告
2013年中国软件开发者薪资调查报告
程序员必看的十大电影
程序员必看的十大电影
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
漫画:程序员的工作
漫画:程序员的工作
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
Java程序员必看电影
Java程序员必看电影
为什么程序员都是夜猫子
为什么程序员都是夜猫子
程序员的鄙视链
程序员的鄙视链
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
编程语言是女人
编程语言是女人
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
中美印日四国程序员比较
中美印日四国程序员比较
不懂技术不要对懂技术的人说这很容易实现
不懂技术不要对懂技术的人说这很容易实现
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有