总结常见的CSS格式有哪些
CSS,全称层叠样式表(Cascading Style Sheets),主要是用于定义网页内容的布局和显示样式。
一、常见的CSS样式包括:
- 文本样式:如字体、大小、颜色、行高、文本对齐等。例如:
p { font-family: "Arial"; font-size: 20px; color: blue; line-height: 1.5; text-align: center; }
- 背景样式:例如背景颜色、背景图片、背景重复等。例如:
body { background-color: #f0f0f0; background-image: url("background.jpg"); background-repeat: no-repeat; }
- 盒子模型样式:包括边框、内边距、外边距、宽度、高度等。例如:
div { border: 1px solid black; padding: 10px; margin: 20px; width: 200px; height: 150px; }
- 列表样式:例如列表项标记类型、列表项标记图片等。例如:
ul { list-style-type: none; list-style-image: url("marker.png"); }
二、CSS的实现方式主要有三种:
- 行内样式
- 内部样式表
- 外部样式表
行内样式是将CSS写在HTML元素的style属性中,例如:
<p style="color:blue;text-align:center;">这是一段居中并且字体颜色是蓝色的文字</p>
内部样式表是将CSS样式写在HTML文档的head元素中的style元素中,例如:
<head>
<style>
p {
color: blue;
text-align: center;
}
</style>
</head>
外部样式表则是在一个单独的.css文件中编写CSS样式,然后在HTML文档中通过link元素引入,例如:
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
在styles.css文件中:
p {
color: blue;
text-align: center;
}
注:以上所有例子里,p
、body
、div
、ul
都叫选择器(用来找到你想要设置样式的HTML元素),{}
里的内容都叫声明(设置元素样式的语句),声明由属性(如color
)和值(如blue
)组成。
ctrl+b快捷键的作用 提取结果:Ctrl+B快捷键处理 全网首发(图文详解1)
如何在Mac上下载并解压RAR文件? 如何在Mac上下载并解压RAR文件 全网首发(图文详解1)