css基本语法

1.background——background-image:url(image.jpg);

    background-color:#ccf;

    background-position:center;

    background-repeat:no-repeat;

2.文本p,span——text-align:left/center/right;

     text-indent:-2em;

     color:#cc6;

     padding-left:2em;

3.字体font——<font>font-family:"楷体";

  font-size:36px;

  font-style:"粗体/斜体";

  font-weight:normal;

4.链接a href——a:link-未被访问的链接;   text-decoration:none;

a:visited-已访问的链接;

a:active-鼠标点击的时刻;

a:hover-鼠标指针放上去;

5.列表list-style- ...——ul li{

list-style-image:url(image.jpg);}

6.表格table-tr——头部-th(主要标题内容第一行)

     显示-td(主题内容)

    css:border:1px solid #cc8;

     collapse:2;    //表示合并;

     background-color:blue;

     padding:5px;   //内边框边距;

7.轮廓outline——outline-style:double实线/dotted虚线;

    outline-color:blue;

8.定位float——left、right;

position:absolute绝对的/fixed固定的/relative相对的/static静止的;

top:50px;

left:50px;

去除浮动clear:<div >      float:left;

<div></div>

<div></div>    clear:left/both;

  </div>

图片的浮动<ul>    ——ul{float:left;}

<li><img src="1.jpg"></li>

<li><img src="1.jpg"></li>

</ul>


你可能感兴趣的:(web前端开发)