首页 > 代码库 > css一些样式

css一些样式

2024-08-23 21:10:12   228人阅读

1.清除input边框蓝边: outline-style: none；

2.网站名/favicon.ico:这个地址能够找到所有网站的图标

例： www.jd.com/favicon.ico

3.font :

font：700   12px/12px    “微软雅黑”;      加粗  大小/行高      字体格式；  //红色必须有

4.去除下划线。删除线。    text-decoration： none； 

5.文本框不能变大                resize:  none;  

6.去掉li标签前的小黑点        list-style :none

7.小技巧

S/del : 删除 U/ins ： 下划线 I/em : 倾斜 B/strong : 加粗

8.清除浮动

   清除浮动的目的：就是为了解决子盒子浮动，父盒子高度为0的问题。

技术分享
(1)clear:both;   (2)overflow: hidden ;  (缺点： 超出部分，会被隐藏)    (3) 伪元素.clearfix:after{   content:”“;   height:0;   overflow:hidden;   visibility:hidden;   display:block;   clear:both; } .clearfix{   zoom:1;//ie67 }    (4)双伪元素法  .clearfix:before, .clearfix:after{   content:"";   display:table;}.clearfix:after{   clear:both;}.clearfix{   zoom:1; //兼容ie6/7 }
View Code

9.css权限问题

  !important > 行内样式 > id > class >标签

10.鼠标样式

    cursor:  pointer ;          变成小手。    cursor:  text;              变成小手。    cursor:  move;              变成小手。    cursor:  default;           变成小白。

11.圆角矩形 border-radius

 border-radius: 左上角   右上角   右下角   左下角；

12.Js控制a链接禁止跳转

    <a   href=”#”></a>    <a   href=”javascript:; ”></a>    <a   href=”javascript:void(0);” ></a>

13.透明

 (1) opacity:0.5  缺点：盒子半透明，里面的内容也跟着半透明。 (2) rgba(0,0,0,0.5)或rgba(0,0,0,.5)      filter:alpha(opacity=50);   //ie678

14.层级是只有定位之后才有的属性    z-index

   定位 position       绝对定位：position：absolution   相对定位：position：relative   固定定位：position：fixed   默 认 值：position  : static

     定位：不一定不占位置。（relative:占位置的）

     浮动：一定不占位置。他不会搞过定位。（absolute:不占位置)
15.hack
  <!-- cc:ie6快捷键 -->  <!--[if lte IE 6]>       <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  <![endif]-->
 
css一些样式






























        

            
                
                  
                
                

                    联系

                    我们