css样式
Posted look-up-at-the-starlit-sky
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css样式相关的知识，希望对你有一定的参考价值。
一、样式表分类
1、内联样式表
<p style="fint-size:24px;">直接在标签内部进行样式设置</style>
2、内嵌样式表
<head>
<style type="text/css">
p /*以p标签命名，一下所有p标签都会执行此样式*/
样式
</style>
</head>
3、外部样式表（最常用的）
新建一个css文件，需要在html文件中调用css样式表，需要在html文件中点击右键-css样式-附加样式表。用link链接
* /*对所有标签去除间距、边距*、
margin：0px;
padding:0px;
二、选择器
1、class选择器 可以多个使用
<style>
.main
height:100px;
width:100%;
text-align:center;
</style>
<body>
<div class="main"><div> 调用class样式表
</body>
</body>
2、ID选择器 只可以使用一次
<style>
#a
width:100%;
height:100px;
backgroun-color:red solid 2px;
</style>
<body>
<div id="a"><div>
</body>
3、复合选择器
1）p,span 两种标签同时使用一下样式
样式
2）.main p 在引用.main样式的标签内的p标签时也使用.main样式
<div class="main"><p></p></div> p标签用div标签属性
3）p.sp（选择） 在所有p标签内使用“class="sp"的执行此样式
<p class="sp"><p> 此项使用上标签
<p></p> 不使用上标签
以上是关于css样式的主要内容，如果未能解决你的问题，请参考以下文章