网页设计基础知识总结

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

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

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

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

时间: 2024-10-13 00:00:08

网页设计基础知识总结的相关文章

网页设计基础知识

网页主要由3个部分组成:结构:表现,和行为. 结构对应于(x)html,它决定了网页是什么,表现对应于css,它决定了网页看起来是什么样子,行为对应于javascript,它决定了网页做什么. 网页开发的工作流程包括前期,中期,和后期. 前期包括明确网站定位,收集信息和素材,策划栏目内容 中期包括设计页面方案,制作页面,实现后台功能 后期是整合和测试网站 1.明确网站定位 首先在动手制作网站之前给要做的网站一个准确的定位.如果网站是做给自己的,那么自己说了算,如果是为客户建立网站,那一定要站在客

前端网页设计基础知识

网页和网站 网站是网页组成的,网页是构成网站的基本元素.实际上网页是一个文件,同常是html格式文件,网页经(URL)网址来识别和存取,当在浏览器上输入网址(url)后,网页文件就会传送到你计算机上,并通过浏览器来解析文件内容并显示页面在浏览器上,这些用来编辑html文件的语言就是前端编程语言.html语言 网页类型 网页可以分成多种类型,通常人们把网页分成两大类,静态网页和动态网页. 静态网页 静态网页只能通过手工方式更新页面信息,没有数据库支持,信息更新比较缓慢. 简单概括有以下特点: 1.

向架构师进军---&amp;gt;系统架构设计基础知识

假设你对项目管理.系统架构有兴趣,请加微信订阅号"softjg",增加这个PM.架构师的大家庭 在解说系统架构设计之前,有必要补充一下架构相关的概念,因此本博文主要讲述架构.架构师和架构设计等相关的概念以及关系.这是系统架构设计的基础,仅仅有具备了此方面的知识之后,我们才干进一步了解架构师在软件开发过程中扮演的角色,架构师怎样编写架构文档来满足不同利益相关者的需求等相关内容. 如今我们通过定义的概念来了解架构设计中的一些相关术语. 架构:架构是体如今它的组件中的一个系统的基本组织.它们

向架构师进军---&gt;系统架构设计基础知识

如果你对项目管理.系统架构有兴趣,请加微信订阅号"softjg",加入这个PM.架构师的大家庭 在讲解系统架构设计之前,有必要补充一下架构相关的概念,因此本博文主要讲述架构.架构师和架构设计等相关的概念以及关系.这是系统架构设计的基础,只有具备了此方面的知识之后,我们才能进一步了解架构师在软件开发过程中扮演的角色,架构师如何编写架构文档来满足不同利益相关者的需求等相关内容. 现在我们通过定义的概念来了解架构设计中的一些相关术语. 架构:架构是体现在它的组件中的一个系统的基本组织.它们彼

网页基础知识

网页基础知识 一.HTML 超文本标记语言 二.分类 1.静态页面(页面内容是代码写死的) 格式:.hrml  .htm 2.动态页面(页面内容是从数据库读的) 格式:.php   .aspx (.net) .jsp(java) 三.DW(工作区) 1.代码界面 2.设计界面 3.拆分 四.基础语法 1.最小单元成为标签 2.双标签元素 (1)两个标签构成 (2)格式:<标签名 属性>内容</标签名> (3)作用:主要作为内容容器 3.单标签元素 (1)有一个标签构成 (2)格式:

第一天上午——HTML网页基础知识以及相关内容

今天上午学习了HTML基础知识以及相关内容,还有DW的基本使用方法. HTML(HyperText Markup Language):超文本标记语言,超文本:网页中除了包含文本文字之外,还包含了图片,音频,视频等多媒体,所以叫超文本.之所以是标记语言,是因为网页的内容基本都是有一个个标签构成的 首先,是HTML语言和其他语言的对比. HTML:解析执行,逻辑性不强,标签较多,不需要搭建环境.浏览器解析代码,根据源代码从上到下一句一句执行. C等其他语言:编译执行,逻辑性强,需要搭建环境. 然后,

网页设计基础介绍

最基础的网页设计,就是给你一个图片你做成一个网页,个人网页的功底不是很高,偏向于后台逻辑处理,偶尔会看些前端构造首先先认识一下网页的一些相关知识: 一般的,现在一个html网页一般包含html文件,css文件,js文件,img文件这几个部分css文件,全名叫成叠样式表稍后会说说,js呢,这个文章暂时先不说现在说说网页静态网页htm,html 最早的静态网页文本,目前也常见非静态网页 asp 微软的动态网页文件php php的文档格式,参看www.php.net,常用,比asp流行jsp sun公

网页设计基础

一.网站的概述 1.  网页与网站 浏览网页时在浏览器中看到的一个个页面就是网页,而多个相关的网页的集合就构成了一个网站. 举例:(搜狐网)(百度网)(优酷网)等等. 2.  浏览网页的工具-浏览器 浏览器:用于打开显示网页的软件.最常见的是Windows系统自带的IE浏览器. 还有火狐Firefox.360安全浏览器.遨游.腾讯TT等等. 1)  网址:用于定位某个网站某个页面的一串字符,通常是这种格式 2)  主页:访问网站时,默认打开的第一个页面就是主页也叫首页. 3.  认识网页的组成元

客户端网页编程知识总结

一.企业应用计算的演变 演变周期是十年 1.主机/亚终端的集中计算模式 a.二十世纪七十年代,企业的应用程序是以围绕一个大型主机建立的. b.大型主机的特点是:庞大.昂贵.专用.(一个屏幕,一个键盘,一根主机连线,常用于超市收银.航空售票.小型储蓄所等),简称Mainframe/terminal c.集中计算模式的劣势:难于维护.一台计算机进行全部的处理.专用性是他们难于集成其他平台上的应用程序. 2.客户机/服务器计算模式(Client/Server) a.二十世界八十年代,随着个人pc机开始