html总结2

(1)选择器:

1.标签选择器:用于修饰同类HTML标签的共性风格

<style type="text/css">
   li{
     color:red; 
     font-size:28px;
     font-family:隶书; 
   }
</style>

2.类选择器(注意在定义类名时,名字前面需要有点):

<style type="text/css">
         .blue{color:blue;}                
        ……
</style>
    ……
<ul>
    <li class="blue">家用电器</li>
    <li>各类书籍</li>
    <li class="blue">手机数码</li>
    <li>日用百货</li>
</ul>

3.ID选择器(用于控制div块样式):

<style>
#menu{
    width:200px; background:#ccc;
    font:bold 14px 宋体;
}
</style>
… …
<div id="menu">
  <ul>
    <li>家用电器</li>
   ……
  </ul>
</div>

4.常用属性:

text-align:文本的对齐。

text-decoration:文本的修饰,如带下划线等。

letter-spacing:字符间距。

line-height:行高。

background-color:背景颜色。

background-image:url(images/bg.jpg):背景图片,还可以用background-repeat设置是否重复以及background-position设置图片坐标。

 

原文地址:https://www.cnblogs.com/123456www/p/10558256.html