CSS笔记

段落<p>的常用style

          text-indent:20px;文本缩进

          text-decoration:line-through;文本划线(underline)

          letter-spacing:20px;文字距离

文字控制：

          color:red;    //文字颜色

          font-style: italic;   //italic斜体，

          font-weight: bold; //

          font-size:12px;      //

          line-height:44px;   //行高

          font-family:"SimHei"   //SimHei黑体

          一行控制完毕：

          font:italic bold 23px/46px "SimHei";  //必须按顺序

背景：

          background-image:url(user.png);

          background-repeat:no-repeat;  //水平铺repeat-x;    垂直铺repeat-y; 不填横竖都铺满;no-repeat;不平铺

          background-attachment:

          background-position: center right;// 前一个是水平，后一个是数值

         background-size:100px 20px;

显示一个图片的一部分：可以一个大图片中集成很多小图片

         height:30px;

         width:100px;

         background-image:url(lesson.sinaapp.com/images/float2.png);

         background-position:100px -200px;

背景连写：

        background:gray url(www.xx.com/p.png)  no-repeat  150px -200px

css初始化代码：

        初始化一些可能挑平台的特性：直接使用淘宝或者qq的初始化css

a链接的各种状态：

 a:hover{                         //鼠标放到上面

      color:red;

      background:gray;

}

文字竖直居中：设置line-height和height一样即可

a{

      height:100px;

width:800px;
line-height: 100px;

}

注意，定位部分可能会影响子元素，用的时候小心

相对定位：相对于原本的位置，原来的空间依然存在

绝对定位：相对于父元素的位置，原来的空间不存在了（不影响其他元素）。父元素必须有position属性，如果没有依次往上找。

#p1 {

   position:relative;

   right:20px;

   left:20px;

}

#p2{

   postion:absolute;

   top:20px;

   left:20px;

}

z-index:表示z面的高低。

overflow:溢出的处理方法。

overflow-y: scroll;                    顾名思义

overflow:hidden;                      顾名思义

overflow:auto;                          内部东西多了加滚动条，不多不加滚动条。

CSS笔记

原文：https://www.cnblogs.com/dongfangchun/p/8989461.html