前言

本篇文章是作者初学网页设计基础时做的笔记，一直放在草稿箱中吃灰。今天才记得有这个东西。发出来供初学网页设计的小伙伴进行参考。希望大家多多点赞、收藏哦。明年学网页设计的同学也可以先收藏起来，快人一步哦。如果这篇文章的点赞超过50，作者就更下一部。废话不多说，让我们开始吧。

一、Page one

1.css样式常用标签

background-color(背景色)：#CCCCCC（灰色），#FFFFFF（白色），#FF0000（红色）。

font-weight(文字粗细)：normal(正常)，lighter(细体)，bold(粗体，约数字700)，bolder(加粗体)，number(100~900,九个级别，数字越大，文字越粗)。不可以色色哦。

color(颜色)：#FFFFFF(白色)，#FF0000(红色)。

text-align(设置段落水平对齐方式)：lelf(左对齐)，center(居中对齐)，right(右对齐)，justify(两端对齐)。

font-family(文字字体)：“华文新魏”，“黑体”，“宋体”，“微软雅黑”，“幼圆”，“方正舒体”，“方正姚体”，“汉仪中等线简”，“华文彩云”，“仿宋_GB2312”，“楷体_GB2312”,“隶书”。我才没凑字数☺。

font-size(文字大小、尺寸)：0.5in(英寸)，1.5cm，20mm，42pt(pt是印刷点数，是绝对单位)，2pc(pc是一个计量单位，1pc=12pt)，xx-small，x-small，small，medium，large，x-large，xx-large。

下面给大家展示下高端操作。用百分比或倍数来表示文字的大小。

<!--p.one{font-size:15px;
}p.one span{font-size:300%;    /*再父标记的基础上乘以300%*/
}p.two{font-size:30px;
}p.two span{font-size:0.5em;    /*在父标记的基础上乘以0.5*/
}
-->

二、Page two

1.对文字的设计

font-style:(文字风格)：normal(标准)，italic(使用文字的斜体)，oblique(可以让没有斜体属性的文字倾斜)。

color(颜色):它的基本语法是：color：颜色的英文名称|RGB值|十六进制数。

font-variant(变体):normal(正常字母)，small-caps(小型大写字母)。

text-decoration(修饰文字的符号)：underline(下划线)，overline(上划线)，line-through(删除线)，blink(闪烁效果)，none(有取消超链接产生的下划线的作用)。

text-indent(设置段落缩进)：2em(段落首行缩进2个字)，基本语法为：text-indent：长度|百分比。

line-height(调整行高，即行间距)：它的基本语法是line-height：normal|数字|长度|百分比。

其中，normal是浏览器默认值。

数字：8px；长度：2em(表示设置为当前字高的2倍)；百分比：300%（很少用）。

text-transform(转换英文字母大小写)：capitalize(每个英文单词的首字母大写)，lowercase(所有字母小写)，uppercase(所有字母大写)，none(浏览器默认值显示)。

letter-spacing(设置中文字符间距)：normal(正常)，字体高(如2em)，绝对数值(如12px)。

word-spacing(设置英文单词间距)：属性值和使用方法与letter-spacing相同。

总结

还有任何我没有讲清楚的地方，欢迎在下方评论区留言。如果觉得我讲的还不错的小伙伴，欢迎点赞+收藏哦。你的支持就是作者创作的最大动力。886~

网页设计基础内容总结（一）相关推荐

《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 第1章网页设计基础知识...
本节书摘来异步社区<网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通>一书中的第1章,作者: 何新起 , 任 ...
HTML网页设计基础期末作业——绿色化妆品网页(HTML+CSS)
HTML网页设计基础期末作业--绿色化妆品网页(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板 ...
HTML网页设计基础期末作业——仿Coco线上订奶茶饮料网站设计与实现6个页面(HTML+CSS+JavaScript)...
HTML网页设计基础期末作业--仿Coco线上订奶茶饮料网站设计与实现 6个页面(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
Dreamweaver Flash Photoshop网页设计基础与实例教程(职业白金版)
Dreamweaver & Flash & Photoshop网页设计基础与实例教程(职业白金版) 基本信息作者: 龙飞丛书名: 培训专家出版社:电子工业出版社 ISBN:978 ...
HTML网页设计基础笔记 • 【目录】
持续更新中- 我的大学笔记>>> 章节内容第1章 HTML网页设计基础笔记 • [第1章 HTML5基础] 第2章 HTML网页设计基础笔记 • [第2章排列页面内容] 第3章 ...
《网页设计基础——表格与表单》
网页设计基础--表格与表单一.表格的基础框架: 规则: table:表示整个表格. caption:定义表格的标题 tr:表示表格的一行. td:表示行中的一个列,需要嵌套在 <tr> ...
《网页设计基础——HTML常用标签》
网页设计基础--HTML常用标签一.HTML网页框架: 格式: <html><head><title>网页标题</title><style> ...
03-ASP（网页设计基础）
03-ASP(网页设计基础) 标题网页设计所用的基础语言是html,html并不是我们所说的高级程序设计语言,他是属于超文本标记语言,也就是用特定的标识符来指明文档不同的内容,所以在学习网页设计时,就 ...
网页设计基础教程最最简单的一个ppt
呵,马上要给一位朋友讲一下网页设计基础了,就简单地做了个ppt.内容如下: 1.html基础 2.asp基础 3.小事例 4.真实案例完善 ppt中写的非常概括,或者叫做对非常简单也行.我觉得只要能够 ...

网页设计基础内容总结（一）

前言

一、Page one

1.css样式常用标签

二、Page two

1.对文字的设计

网页设计基础内容总结（一）相关推荐

最新文章

热门文章