志达IT网站css样式分类
CSS（级联样式表）是一种计算机语言，用于表示文件样式，如HTML（标准通用标记语言的应用程序）或XML（标准通用标志语言的子集）。
CSS是一种分层样式表，用于表示编程语言中的HTML样式。目前，CSS的最新版本是CSS3，这是一种可以分离网页和内容的样式语言。
CSS不仅可以静态地装饰网页，还可以使用各种脚本语言动态地格式化网页的元素。
在CSS进入前端语言之前，许多人将其视为前端语言。如今，CSS不仅可以装饰网页，还可以结合各种脚本对网页进行格式化。
CSS样式主要包括以下三种类型：
1.内联样式（嵌入式样式）：在结构内的标签内编写的样式；把它写在标签的开头，在style属性中。
<Tagstyle=“样式属性名称1:样式属性值1；属性名称2:属性值2；…”></Tag>
示例：
<divstyle=“color:red”></div>
2.内部样式（内联样式）：写在HTML页面内部，存储在head标记中，样式写在style标记中。
<style>选择器｛属性名称：属性值；属性名称：特性值；…｝</style>
示例：
＜样式＞
Bdoy｛font-size:14px；｝
</style>
3.外部风格（Externalstyle）：用CSS文件编写。
您可以使用＜链接＞将CSS文件导入HTML页面。
<linktype=“text/css”rel=“stylesheet”id=“css/main.css”/>
使用CSS样式的优点：
CSS有助于实现负责任的网页设计。CSS对开发人员构建网站有着重要的影响，这种影响可能是无止境的。将网页的大部分甚至全部表示信息从HTML或XML文件中移出并保留在样式表中具有许多优点，例如减小文件大小、节省网络带宽和易于维护。
此外，网站的展示信息和核心内容是分开的，允许网站设计者在短时间内对整个网站进行各种修改。
CSS简化了网页的格式化代码，外部样式表也被浏览器保存在缓存中，加快了下载和显示速度，并减少了需要上传的代码量（因为重复的格式化只会保存一次）。
只要修改保存网站格式的CSS样式表文件，就可以更改整个网站的样式和特征，这在修改具有大量页面的网站时特别有用。这避免了修改单个网页，并大大减少了工作量。
css常用标签
CSS通用样式标签
CSS字体设置字体系列
字体大小设置字体大小
设置字体样式字体样式
正常：正常显示。浏览器默认样式
斜体：斜体显示文本
倾斜：倾斜显示，倾斜角度大于斜体
将字体重量设置为粗体，值为hold和normal
调整字母间距字母间距以设置两个字符（英文、中文、数字）之间的间距
调整单词间距主要用于单词之间的距离。
分区，按钮{字母间距：0.5em；单词间距：1em；}
</style><body><div>这是div1</div><divid=“d2”>你好世界</点击我</button>
</body>
添加文字装饰
下划线到下划线文本
划线到下划线文本
向文本添加删除线
案例
密码
＜样式＞。灰色｛color:灰色；｝。红色｛color:红色；｝。target｛font-size:1.5em；｝.small｛font-size：0.6em｝#old｛text-decoration:换行；/*带删除线*/｝。btn｛背景颜色：#40c19d；颜色：#ffffff；边框半径：3px；填充：3px｝</style></head><body><spanclass=“gray”>￥</span><spanclass=“redlarge”>49</span><spanclass=”red“>。00</span><spanclass=“gray-small”id=“old”>￥98.00</span></spanclass=“btn”>包裹运输</span></body>
设置文本排列
文本对齐：左、中、右
水平和垂直对齐
有三种类型的水平对齐：左对齐、居中对齐和右对齐
LeftCenter.right[用于块级别内的图元]
垂直对齐有三种类型：顶部、中心和底部
元素之间
元素之间的垂直对齐
Div，span｛背景颜色：灰色；文本对齐：中心；｝img｛宽度：100px；垂直对齐：中间；｝
</style>
调整线条高度
＜style＞div｛line-height:10px；｝p｛width:100px；height:50px；border:2px红点；text-align:center；line-height：50px；｝/*点划线实心线*/</style>
</头>
<body><div>你好<br>世界</div><p>女式上衣</p>
</body>
使线条高度等于自己的高度
设置垂直中心
在酒窖后面加3个值。像素、颜色、线型
颜色设置前景（字体）颜色
颜色：Color关键字|RGB函数|6位十六进制数
在CSS中设置背景颜色
插入背景图像：背景图像
使用URL导入图像
如果您通过拍摄100%或封面将图像设置为与容器大小相同
如果大小减小，它将重复，所以现在使用
使用背景重复：不重复；
背景大小背景图像的大小
背景重复设置背景图像的重复方法
背景图像的背景位置调整
背景附件可以修复背景图像
＜style＞body｛background-image:URL（./images/bg2。jpg）；/*插入背景图像*/背景大小：200px100px；/*背景图像大小*/背景重复：不重复；/*请勿重复*/背景位置：居中；/*调整背景图像的位置*/min高度：100vh；边距：0px；背景附件：固定；/*修复背景图像*/｝div｛行高：10px；/*调整行高*/background-image:URL（./images/bg1。jpg）；｝P｛宽度：100px；高度：800px；边框：2px红点；/*边框后面跟着3个值。像素，颜色，线型*/text对齐：居中；/*水平对齐*/行高：50px；｝
</style>
</头>
<body><div>你好<br>世界</div><p>绽放与财富</p>
</body>
最小高度可视化高度
边境
颜色边框颜色的默认值为黑色
厚度的边框宽度默认值为1.5
线型边框样式没有默认值
边境
内边距：填充
框间距：边距
背景附件：固定；
将背景图像设置为固定，拉动滚动条，图像将不会移动
案例
边框：红色2px实心；
它可以分为三种不同的样式。
边框颜色：绿色；
边框宽度：5px；
边框样式：输出；
边框顶部：红色2px点；
边框底部：绿色3px实心；
边框底部颜色：粉红色；
边框颜色：红色；四个共享
边框颜色：红绿色；第一个分为顶部和底部，第二个分为左侧和右侧
边框颜色：红、绿、蓝；第一个向上，第二个向左和向右，第三个向下
边框颜色：红、绿、蓝、紫；顺时针，右上，左下
密码
＜style＞div｛边框：5px实心；边框颜色：红-绿-蓝-紫；｝</style>
</头>
<body><div>你好<br>世界</div><p>女式上衣</p>
</body>
列表样式
列表样式列表样式或列表样式类型
价值：
光盘：CSS1默认值。圆盘
圆形：CSS1空心圆形
方块：CSS1实心块
小数：CSS1阿拉伯数字
小写罗马字母：CSS1小写罗马数字
上罗马字母：CSS1大写罗马数字
小写字母：CSS1小写英文字母
大写字母：CSS1大写英文字母
无：CSS1不使用项目符号
亚美尼亚语：不支持CSS2。亚美尼亚传统数字
中日韩表意文字：不支持CSS2。浅白色表意数字
格鲁吉亚语：不支持CSS2。传统乔治数字
绿色下方：不支持CSS2。
