怎样写出简洁的css代码??★★★★
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代码??★★★★相关推荐
- 学会这6个强大的CSS选择器,将真正帮你写出干净的CSS代码!
CSS中的选择器用于选择元素并设置其样式.在我们使用其中一个之后,它们可能会非常强大.在本文中,我将引导您通过6个功能强大的CSS选择器,这些选择器将真正帮助您在下一个项目中编写干净的CSS. 1. ...
- 如何用最简洁的css代码写一个导航栏
如何用最简洁的css代码写一个导航栏 首先我们在里面通过标签添加一个logo,然后通过标签简单的设置几个导航栏中的内容. 注:标签主要是用于设置超链接. <div><img src= ...
- 如何写出优质干净的代码,这6个技巧你不能错过!
编写干净的代码并不是一件容易的事情,这需要尝试不同的技巧和实践. 作为一名开发者,编写一手干净的代码很重要. 先列举出编写干净代码的一些好处,再提出6个技巧用于编写干净代码,供开发者进行参考学习. 开 ...
- 三周写出高性能的Python代码,这些小技巧你值得一试。
1一个不上进的 Python 使用者 我是一个有 C 语言背景的开发者.最近转做了 Python,平时用 Python 还算 6,这周在给新员工分享工作之后,有个小孩跑来问我:"哥,你是学 ...
- 用新语法写更简洁的ABAP代码
相比其他语言,ABAP可能有很多特有的长处,但简洁从来就不是它的优点之一. 不像其他语言通过Library提供常用功能,ABAP大量使用内置声明(Built-In Statement) 来完善自身,这 ...
- [转载] Python新手写出漂亮的爬虫代码1——从html获取信息
参考链接: Python中从用户获取多个输入 Python新手写出漂亮的爬虫代码1 初到大数据学习圈子的同学可能对爬虫都有所耳闻,会觉得是一个高大上的东西,仿佛九阳神功和乾坤大挪移一样,和别人说&qu ...
- python什么字体好看_七个不一样的Python代码写法,让你写出一手漂亮的代码
原标题:七个不一样的Python代码写法,让你写出一手漂亮的代码 Python语言这么火,有很多同学是从其他语言转行过来的(比如c++,java语言),多多少少写代码的时候也会受其他语言的影响!而对于 ...
- 20条开发规范,写出诗一样的代码
文章目录 简介 命名 1.命名的长度,多长合适 2.利用上下文简化命名 2.1 利用类class上下文简化命名 2.2 利用函数function上下文简化命名 3. 命名可读.可搜索 3.1 命名可读 ...
- php代码如何写得好看,如何写出优雅的PHP代码
如何写出优雅的PHP代码 导语:PHP是一种通用开源脚本语言.语法吸收了C语言.Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域.下面我们来看看如何写出优雅的PHP代码,希望对大 ...
最新文章
- Electron 实战桌面计算器应用
- 解决方案:无源(PON)光网络在弱电工程中的应用
- HDU 2833 WuKong
- python类和对象实例_python的类和实例化对象
- c++ why can't class template hide its implementation in cpp file?
- uTorrent for mac(BT下载客户端)v1.8.7中文版
- 第十六届全国大学智能车竞赛线上国赛部分队伍名单(除东北赛区之外)
- 使用laravel搭建博客网站-博客的注册功能
- 计算机病毒与防治说课稿,计算机病毒与防治说课稿.doc
- 一本通 1194:移动路线
- 基本标示符-宏-编译连接
- 服务器摆放需要预留U位么_办公沙发摆放有何讲究?
- 电信资费七宗罪,终端的故事
- 百度账号管理静态页面
- Java如何计算年龄
- 对于IT这两个字眼,是不是只能由学习过IT同学.下面为大家讲解一下IT的由来!
- 2020年每月工作日表_2020年工作场所技能再培训的诫命
- 数码计算机英语翻译,数码用英语怎么说
- 缺陷管理,一门关于质量内建的学问
- 计算机设计大赛海洋世界,中国大学生计算机设计大赛《海之殇》作品创作过程及特色研究...
热门文章
- JavaScript高级之ES5 中的新增方法
- LeetCode 2103. 环和杆(位运算)
- fastapi PUT更新数据 / PATCH部分更新
- LeetCode LCP 30. 魔塔游戏(优先队列)
- LeetCode 267. 回文排列 II(回溯)
- LeetCode 69. x 的平方根(二分查找)
- oracle 只对成绩前三名进行排序其余不变_2021年采用美术统考成绩的重点院校名单汇总...
- 总结与整理:Ubuntu系统下安装、配置Nginx及其他注意事项
- Redis-Scrapy分布式爬虫:当当网图书为例
- android aop 权限检查,AOP简单拦截实现验证权限功能