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

目录

前言

一、Page one

        1.css样式常用标签

二、Page two

1.对文字的设计

---

前言

        本篇文章是作者初学网页设计基础时做的笔记，一直放在草稿箱中吃灰。今天才记得有这个东西。发出来供初学网页设计的小伙伴进行参考。希望大家多多点赞、收藏哦。明年学网页设计的同学也可以先收藏起来，快人一步哦。如果这篇文章的点赞超过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~