CSS的基本使用【v客学院吧】

v客学院吧关注：57贴子：694

6回复贴，共1页

CSS的基本使用

1.CSS三种写法
（1）<p style=”...”></p>
（2）<head>
<style>
选择器{ 属性:值; 属性:值; }
</style>
</head>
（3）<head>
<link href=”xxxx.css” rel=’stylesheet’ />
</head>

送TA礼物

1楼2016-05-23 11:03回复

2.CSS选择器
（1）标签选择器
<p></p>
<table></table>
p{}
table{}
（2）ID选择器
<p id=”pid”></p>
#pid{}
同一个页面，id名不能出现重复的。id=”pid”只能出现一次，但是可以有id=”ppid”...
(3)类选择器
<p class=”pclass”></p>
.pclass{}
（4）Input
<input type=”text” name=’test’ />
input[type=’text’]
input[type=’password’]
input[type=’submit’]
(5)组选择器
#pid , .pclass , input[type=’text’]{}
（6）后代选择器
<p id=”pid”>
dddddd
<b>asdfewer</b>
sdfasdf
</p>
#pid b{}
从外到内选择。
注意到优先级问题，避免影响不需要操作的元素。

2楼2016-05-23 11:03

3.列表
<ul>
<li>11111111</li>
<li>22222</li>
<li>3333333333</li>
<li>444444444</li>
</ul>
li{ list-style:none;
float:left; 把当前控制的元素放到左边（右边），让他的后面可以继续放置元素
}
不需要浮动以后必须及时清除！

3楼2016-05-23 11:04