本文详细总结了CSS中的一些基础知识点，包括字体属性（如color、font-family、font-size等）、文本属性（如text-indent、vertical-align）、背景设置、元素尺寸、边框样式、列表样式、表格设置以及内外补丁的使用。通过这些属性，可以有效地控制网页元素的视觉呈现。
CSS_2
-
CSS中常用的属性设置
1.关于字体的常用css属性设置
color--设置字体颜色[颜色单词/颜色码【#0000ff】]
font-family---设置字体名称[黑体.....]
font-size --设置字体大小【数字px】
font-style--设置字体倾斜【normal | italic | oblique 】
font-weight--设置字体粗细【整百的数字【100~900】】
text-decoration--设置字体的修饰线【none || underline下划线 || overline上划线 || line-through贯穿线 】
text-shadow--文本的文字是否有阴影及模糊效果
text-transform--文本的大小写转换【none | capitalize | uppercase | lowercase 】
line-height--行高【数字px】
letter-spacing--文字之间的间隔 normal | length 【数字px】
word-spacing--单词之间插入的空隔normal | length 【数字px】
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>关于字体css属性设置</title>
<style>
p{
color: red;
font-family: 楷体;
font-size: 30px;
font-style: italic;
font-weight: 900;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 10px;
word-spacing: 10px;
text-shadow: 10px 10px 20px red;
line-height: 30px;
}
</style>
</head>
<body>
<h1>关于字体的css属性设置</h1>
<h2>color---设置字体颜色【颜色单词/颜色码#000】</h2>
<h2>font-famil---设置字体名称【黑体】</h2>
<h2>font-size--设置字体大小【数字px】</h2>
<h2>font-style---设置字体倾斜【normal|italic|oblique】</h2>
<h2>font-weight---设置字体粗细【整百的数字【100~900】】</h2>
<h2>text-decoration---设置字体的修饰线【none||underline下划线||overline上划线||line-through贯穿线】</h2>
<h2>text-shadow---文本的文字是否有阴影及模糊效果</h2>
<h3>text-shadow：10px 0px 0px red；</h3>
<h3>第一个值：水平移动距离</h3>
<h3>第二个值：前后移动距离</h3>
<h3>第三个值：模糊效果</h3>
<h3>第四个值：阴影颜色</h3>
<h2>text-transform---文本的大小写转换【none|capotalize|uppercase|lowercase】</h2>
<h2>line-height---行高【数字px】</h2>
<h2>letter-spacing--文字之间的间隔【normal|length[数字px]】</h2>
<h2>word-spacing--单词之间的间隔【normal|length[数字px]】</h2>
<p>测试关于字体的text css属性设置</p>
<p>测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果
测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果
测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果
测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果测试文字是否有阴影及模糊效果
</p>
</body>
</html>
2.关于文本属性的常用设置<
最低0.47元/天 解锁文章
993
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
