标签: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