网页设计基础知识总结
在网页设计中,总有一些技术是我们经常使用的,并且作用也是非常重要的,所以来总计一下这些技术都有哪些。对以后的网页设计的学习帮助更大。
字体: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>;
这些知识都是很经常使用的知识,总结下来。在使用的时候可以及时找到,对自己的学习和工作是很有帮助的。这样总结下来,对网页设计的认识更加深刻了。在思想上网页设计这样看起来很的简单,就用这些简单的逻辑设置来勾勒网页的灵魂和肉体。
对下一步的学习起到了坚定信心和减少难度的作用。网页设计——思维开出的花朵。
转载于:https://www.cnblogs.com/jzdwajue/p/6950052.html
网页设计基础知识总结相关推荐
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 第1章 网页设计基础知识...
本节书摘来异步社区<网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通>一书中的第1章,作者: 何新起 , 任 ...
- 学习笔记—网页设计基础知识(一)
网页基础知识入门 一.认识互联网 Internet1是一个全球性的计算机互联网络,中文名称为"国际互联网"或"因特网". 它集现代通信技术和现代计算机技术于一体 ...
- 大学生Dreamweaver网页设计基础知识
1.1 网站 网站(Web Site)是一个存放网络服务器上的完整信息的集合体.它包含一个或多个网页,这些网页以一定的方式链接在一起,成为一个整体,用来描述一组完整的信息或达到某种期望的宣传效果.有的 ...
- html打开网页过场动画_网页制作设计基础知识
网页设计基础知识1.1 网站 网站(Web Site)是一个存放网络服务器上的完整信息的集合体.它包含一个或多个网页,这些网页以一定的方式链接在一起,成为一个整体,用来描述一组完整的信息或达到某种期望 ...
- Dreamweaver Flash Photoshop网页设计基础与实例教程(职业白金版)
Dreamweaver & Flash & Photoshop网页设计基础与实例教程(职业白金版) 基本信息 作者: 龙飞 丛书名: 培训专家 出版社:电子工业出版社 ISBN:978 ...
- 向前的快捷键_平面设计基础知识:平面设计师应该知道的快捷键。
今天给大家整理了一下,平面设计基础知识中平面设计师应该知道的快捷键.这个系列共有五篇,其他几篇都在首页,可以去看一下,有任何问题可以提出来,下面我们一起看一下平面设计基础知识中平面设计师应该知道的快捷 ...
- HTML网页设计基础期末作业——绿色化妆品网页(HTML+CSS)
HTML网页设计基础期末作业--绿色化妆品网页(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板 ...
- HTML网页设计基础期末作业——仿Coco线上订奶茶饮料网站设计与实现6个页面(HTML+CSS+JavaScript)...
HTML网页设计基础期末作业--仿Coco线上订奶茶饮料网站设计与实现 6个页面(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- 初中动画flash作品_初中动画flash作品_初中Flash动画设计基础知识试题及答案.doc...
初中Flash动画设计基础知识试题及答案.doc 第 =page1*2-1 1页,共4页 第 =page1*2 2页,共4页 2015- 2015-2016学年第一学期信息技术期末试卷(笔试题) 1. ...
- 【黎乙丙】平面设计基础知识—平面设计师不得不知道的知识点
本文为大家带来平面设计基础知识.我们开始学数学时,都是从1+1=2过来的,因为它是学习的基础,那我们要做好平面设计师也要打好基础,就必须知道平面设计基础知识.盖一座高楼之前就必须要把基础打好,这样才能 ...
最新文章
- 软件测试中排错的基本方法
- java-自定义数据排序
- 数据库系统概念总结:第二章 关系模型介绍
- spring cloud整合OpenFeign
- Linux(一) 概述 、 系统安装与分区
- MySQL中boolean类型设置
- spring2中jpa的配置和使用
- linux 编译安装libpng,交叉编译libpng以及zlib开源库
- CentOS-7镜像文件下载
- android协同开发平台,开发协作平台
- python中如何判断词性_python进行词性分析
- 牛客-Java计算个人所得税
- 一天看10000张黄图,鉴黄师的苦!!!
- 阿里云又送Apsara定制T恤了 – 附答案
- ev4视频转换为mp4工具使用教程
- 计算机网络(五)——网络互联
- 台式机核显和独显切换
- 金胜维固态硬盘MK8115主控开卡成功教程
- 记:在daemon.json中添加“live-restore“: false之后,docker无法启动
- Python 数据挖掘之电力窃漏电用户自动识别