2018-04-20 页面设置样式注意

1. pc端的项目导航栏只设置高度即可,里面的版心设置上下左右居中(margin:20px auto;),并且居中要必须给父盒子一个overflow:hidden;

2. 在顶部导航的tab栏切换设置时,(用ul包括li再用li包括a链接)由于行高是会继承的,所以每次想让子的li居中,只需给父级行高等于高即可; 

3. 当给a设置高度时,必须加上display:block;转换为块级元素。每个li之间的间距用padding挤开,两个盒子之间用margin分开;

4. input框的宽度padding受影响时,给input提前设置一个box-sizing:border-box;

5. search框左右的input默认中间是有缝隙的,需要两个同时float:left来解决;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 3,584评论 0 6
  • 1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度、行高及外...
    极乐君阅读 2,525评论 0 20
  • display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别...
    纹小艾阅读 1,756评论 0 1
  • 守夜人誓言:「长夜将至,我从今开始守望,至死方休。我将不娶妻、不封地、不生子。我将不戴宝冠,不争荣宠。我将尽忠职守...
    笑颜于粤阅读 443评论 0 1