base.css  设置各种默认值:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none; }body{line-height:1; }ol, ul{list-style:none; }blockquote, q{quotes:none; }blockquote:before, blockquote:after, q:before, q:after{content:'';content:none; }:focus{outline:0; }ins{text-decoration:none; }del{text-decoration:line-through; }table{border-collapse:collapse;border-spacing:0; }.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; } .clear {clear: both;}*{ margin: 0; padding:0;}img{ width: 100%; display: block;}a {text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}section {width: 100%;height: auto;min-height: 100%;max-width: 640px; min-width:320px;margin:0 auto;padding: 0;position: relative;background: #f8f1e9;}

body{color:#000;background-color: #FFF;padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; font-size: 14px;font-size: 1em; font-size: 87.5%; max-width:640px;}

/*头部*/
.header {}.header .h_top{}
/*尾部*/
.footer{}.footer p{}.footer p span{}

index.css:功能模块/***************************/
.row-1{}.row-1 .r1_top{}.row-1 .r1_left{}/***************************/
.row-2{}.row-2 .r2_left{}.row-2 .box{}.row-2 .login{}/***************************/
.login{}.login .l_left{}.login .l_right{}/***************************/

<linkrel="stylesheet"type="text/css"href="css/base.css"/>   <!-- 公共样式 -->
<linkrel="stylesheet"type="text/css"href="css/index.css"/> <!-- 功能模块样式-->

<linkrel="stylesheet"type="text/css"href="css/base.css"/>   <!--公共样式-->
<linkrel="stylesheet"type="text/css"href="css/login.css"/>  <!--功能模块样式-->

<linkrel="stylesheet"type="text/css"href="css/base.css"/>   <!--公共样式-->
<linkrel="stylesheet"type="text/css"href="css/selector.css"/>  <!--功能模块样式-->

按照功能模块把css  js区分开。

转载于:https://www.cnblogs.com/shimily/articles/4402111.html

怎样写出简洁的css代码??★★★★相关推荐

  1. 学会这6个强大的CSS选择器,将真正帮你写出干净的CSS代码!

    CSS中的选择器用于选择元素并设置其样式.在我们使用其中一个之后,它们可能会非常强大.在本文中,我将引导您通过6个功能强大的CSS选择器,这些选择器将真正帮助您在下一个项目中编写干净的CSS. 1. ...

  2. 如何用最简洁的css代码写一个导航栏

    如何用最简洁的css代码写一个导航栏 首先我们在里面通过标签添加一个logo,然后通过标签简单的设置几个导航栏中的内容. 注:标签主要是用于设置超链接. <div><img src= ...

  3. 如何写出优质干净的代码,这6个技巧你不能错过!

    编写干净的代码并不是一件容易的事情,这需要尝试不同的技巧和实践. 作为一名开发者,编写一手干净的代码很重要. 先列举出编写干净代码的一些好处,再提出6个技巧用于编写干净代码,供开发者进行参考学习. 开 ...

  4. 三周写出高性能的Python代码,这些小技巧你值得一试。

    1一个不上进的 Python 使用者 我是一个有 C 语言背景的开发者.最近转做了 Python,平时用 Python 还算 6,这周在给新员工分享工作之后,有个小孩跑来问我:"哥,你是学 ...

  5. 用新语法写更简洁的ABAP代码

    相比其他语言,ABAP可能有很多特有的长处,但简洁从来就不是它的优点之一. 不像其他语言通过Library提供常用功能,ABAP大量使用内置声明(Built-In Statement) 来完善自身,这 ...

  6. [转载] Python新手写出漂亮的爬虫代码1——从html获取信息

    参考链接: Python中从用户获取多个输入 Python新手写出漂亮的爬虫代码1 初到大数据学习圈子的同学可能对爬虫都有所耳闻,会觉得是一个高大上的东西,仿佛九阳神功和乾坤大挪移一样,和别人说&qu ...

  7. python什么字体好看_七个不一样的Python代码写法,让你写出一手漂亮的代码

    原标题:七个不一样的Python代码写法,让你写出一手漂亮的代码 Python语言这么火,有很多同学是从其他语言转行过来的(比如c++,java语言),多多少少写代码的时候也会受其他语言的影响!而对于 ...

  8. 20条开发规范,写出诗一样的代码

    文章目录 简介 命名 1.命名的长度,多长合适 2.利用上下文简化命名 2.1 利用类class上下文简化命名 2.2 利用函数function上下文简化命名 3. 命名可读.可搜索 3.1 命名可读 ...

  9. php代码如何写得好看,如何写出优雅的PHP代码

    如何写出优雅的PHP代码 导语:PHP是一种通用开源脚本语言.语法吸收了C语言.Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域.下面我们来看看如何写出优雅的PHP代码,希望对大 ...

最新文章

  1. Electron 实战桌面计算器应用
  2. 解决方案:无源(PON)光网络在弱电工程中的应用
  3. HDU 2833 WuKong
  4. python类和对象实例_python的类和实例化对象
  5. c++ why can't class template hide its implementation in cpp file?
  6. uTorrent for mac(BT下载客户端)v1.8.7中文版
  7. 第十六届全国大学智能车竞赛线上国赛部分队伍名单(除东北赛区之外)
  8. 使用laravel搭建博客网站-博客的注册功能
  9. 计算机病毒与防治说课稿,计算机病毒与防治说课稿.doc
  10. 一本通 1194:移动路线
  11. 基本标示符-宏-编译连接
  12. 服务器摆放需要预留U位么_办公沙发摆放有何讲究?
  13. 电信资费七宗罪,终端的故事
  14. 百度账号管理静态页面
  15. Java如何计算年龄
  16. 对于IT这两个字眼,是不是只能由学习过IT同学.下面为大家讲解一下IT的由来!
  17. 2020年每月工作日表_2020年工作场所技能再培训的诫命
  18. 数码计算机英语翻译,数码用英语怎么说
  19. 缺陷管理,一门关于质量内建的学问
  20. 计算机设计大赛海洋世界,中国大学生计算机设计大赛《海之殇》作品创作过程及特色研究...

热门文章

  1. JavaScript高级之ES5 中的新增方法
  2. LeetCode 2103. 环和杆(位运算)
  3. fastapi PUT更新数据 / PATCH部分更新
  4. LeetCode LCP 30. 魔塔游戏(优先队列)
  5. LeetCode 267. 回文排列 II(回溯)
  6. LeetCode 69. x 的平方根(二分查找)
  7. oracle 只对成绩前三名进行排序其余不变_2021年采用美术统考成绩的重点院校名单汇总...
  8. 总结与整理:Ubuntu系统下安装、配置Nginx及其他注意事项
  9. Redis-Scrapy分布式爬虫:当当网图书为例
  10. android aop 权限检查,AOP简单拦截实现验证权限功能