标签：visit 文本 aci 提升 名称 进制 文本格式 边框 upload
菜鸟教程
通过使用CSS我们可以大大提升网页开发的工作效率
CSS规则由两个主要的部分构成:选择器,以及一条或多条声明
HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义.
#para{
text-align: center;
color: red;
}class选择器以一个点"."号显示:
.center{
text-align: center;
}插入样式表的方法有三种
<head>
<link rel="stylesheet" type="text/css" href="my.css">
</head><head>
<style>
hr {
color: red;
}
p {
margin-left: 20px;
}
</style>
</head><p style="color: red;">这是一个段落</p>CSS属性定义背景效果
body {
background-color: #33eeee;
}颜色值定义:
颜色名称 如: "red"
body {
background-image: url("paper.gif");
}水平或垂直平铺
body{
backgrond-image: url("pag.jpg");
backgrond-repeat: repeat-x;
}设置定位与不平铺
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
}可以利用background-position属性改变图像在背景中的位置
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-position: right top;
}简写属性
body{
background: #ffffff url("img.jpg") no-repeat right top;
}顺序为:
| 属性 | 描述 |
|---|---|
| color | 设置文本颜色 |
| direction | 文本方向 |
| letter-spacing | 字符间距 |
| line-height | 行高 |
| text-align | 对齐元素中的文本 |
| text-desoration | 文本添加修饰 |
| text-indent | 缩进文本的首行 |
| text-shadow | 文本阴影 |
| text-transform | 控制元素中的字母 |
| unicode-bidi | 设置或返回文本是否被重写 |
| vertical-align | 元素的垂直对齐 |
| white-space | 设置元素中空白的处理方式 |
| word-spacing | 设置子间距 |
| 属性 | 描述 |
|---|---|
| font | 在一个声明中设置所有的字体属性 |
| font-famail | 指定文本的字体系列 |
| font-size | 指定文本的字体大小 |
| font-style | 指定文本的字体样式 |
| font=variant | 让小型大写字体或正常字体显示文本 |
| font-weight | 指定字体的粗细 |
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容
不同部分的说明:
标签：visit 文本 aci 提升 名称 进制 文本格式 边框 upload
原文地址：https://www.cnblogs.com/zzr-stdio/p/9404563.html
