列表 鼠标样式修改 去除标签设置 文本装饰线 行元素和行内块元素之间的间隙处理

                                              列表

有序列表

<ol><li>语文</li></ol>

type=”  ”     A 大写英文字母   a小写英文字母    I大写罗马字母      i小写罗马字母     1默认阿拉伯数字

无序列表

<ul><li>论语</li><ul>

设置li前面的小点

list-style:        //disc实心圆             //circle 空心圆          //square 实心方块       //decimal 阿拉伯数字 

//lower-roman小写罗马数字          //upper-roman  大写罗马字母

自定义列表

<dl><dt>学科</dt><dd>数学</dd><dl>

列表嵌套

<ul>

      <li> 前端

           <ul>

          <li>html</li>

          <li>css</li>

          <li>JavaScript</li>

        </ul>

      </li> 

</ul>

 
                              cursor: 鼠标样式修改

pointer手状          default默认箭头              move移动                 wait等待

zoom-out缩小                  zoom-in放大          no-drop不让删除,或者不让点击

如果自带的鼠标样式不满足时,可以自定义鼠标样式。注意:必须添加auto

cursor: url(./img/cursor.png), auto;


                                     去除标签设置

a{

text-decoration:none ;

}  

 去除a超链接的下划线

ul{

list-style:none

}    

 去除ul,,li  前面的小圆点

input,button{

outline:none;

}

去除输入框,按钮的边框线

                                 文本装饰线

text-decoration               //underline下划线          //line-though删除线

                   行元素和行内块元素之间的间隙处理

设置父元素的font-size:0;                    浮动              通过margin – left 调节

绝对定位     固定定位      

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容