请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

CSS样式常见小知识

 
CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容,为用户展现较具观赏的外表的。以下是小编来在优化网站时遇到的CSS一些小知识点。
2020092909164857.jpg

1、边距清空:
[CSS] 纯文本查看 复制代码
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldse,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body{font-size:12px;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;}
a{text-decoration:none;}
2、清除浮动
[CSS] 纯文本查看 复制代码
.clearfix:after{conter:"";display:block;clear:both;}
.clearfix{zoom:1;}

3、居中样式 :
垂直居中样式(translate css3需IE9)
[CSS] 纯文本查看 复制代码
.center-vertical{position:relative;top:50%;transform:translateY(-50%);}
.center-horizontal{position:relative;left:50%;transform:translateX(-50%);}

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。