这篇博客详细介绍了CSS的使用，从样式表的优先级到各种选择器的运用，包括ID选择器、类选择器和属性选择器。内容涵盖背景色、背景图像、文本属性、字体设置、列表样式、表格样式以及定位机制，如浮动和绝对定位。此外，还讨论了CSS的盒模型，包括边距合并问题和定位属性，如position、top、right、bottom和left。
日期：2016年11月03日
标题：css的使用
编号：5
PS：这篇只是挑选了我们需要的部分，想系统学习HTML和CSS还是应该去W3School上学一下
一.CSS的应用：
- 样式表的优先级：
-
- 1.内联样式：写在tag里面的style
<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>
-
- 2.内部样式表（推荐使用）:写在head标签里面的style标签里面
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
-
- 3.外部样式表：写在同一个目录下的.css文件中，在html文件中的head中通过link标签来引用
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
#/mystyle.css:
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
-
- 4.浏览器的default设置
- 2和3的基本语法：selector{key1:value1;key2:value2; ...}
-
- 如果值为若干单词，需要加引号：
p {font-family: "sans serif";}
-
- 根据CSS，子元素从父元素中继承属性
- 派生选择器：
li strong { #表示li下面的strong标签
font-style: italic;
font-weight: normal;
}
-
- id选择器：(x)#y：类型为x，id为y的标
最低0.47元/天 解锁文章
扫一扫
3126
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
