切换导航
首页
技术问答
编程语言
前端开发
移动开发
开发工具
程序设计
行业应用
CMS系统
服务器
频道导航
▸ PHP
▸ Java
▸ Java SE
▸ Python
▸ C#
▸ C&C++
▸ Ruby
▸ VB
▸ asp.Net
▸ Go
▸ Perl
▸ netty
▸ Django
▸ Delphi
▸ Jsp
▸ .NET Core
▸ Spring
▸ Flask
▸ Springboot
▸ SpringMVC
▸ Lua
▸ Laravel
▸ Mybatis
▸ Asp
▸ Groovy
▸ ThinkPHP
▸ Yii
▸ swoole
▸ HTML
▸ HTML5
▸ JavaScript
▸ CSS
▸ jQuery
▸ Bootstrap
▸ Angularjs
▸ TypeScript
▸ Vue
▸ Dojo
▸ Json
▸ Electron
▸ Node.js
▸ extjs
▸ Express
▸ XML
▸ ES6
▸ Ajax
▸ Flash
▸ Unity
▸ React
▸ Flex
▸ Ant Design
▸ Web前端
▸ 微信小程序
▸ 微信公众号
▸ iOS
▸ Android
▸ Swift
▸ Hybrid
▸ Cocos2d-x
▸ Flutter
▸ Xcode
▸ Silverlight
▸ cocoa
▸ Cordova
前端之家
CSS
CSS超级技巧大放送合集
CSS超级技巧大放送合集
2018-12-27
CSS
前端之家
前端之家
收集整理的这篇文章主要介绍了
CSS超级技巧大放送合集
,
前端之家
小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一.使用css缩写@H_
403
_1@使用缩写可以帮助减少你CSS
文件
的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。
二.明确定义单位,除非值为0@H_
403
_1@忘记定义尺寸的单位是CSS新手普遍的
错误
。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。
三.区分大小写@H_
403
_1@当在XHTML中使用CSS,CSS里定义的元素
名称
是区分大小写的。为了避免这种
错误
,我建议所有的定义
名称
都采用小写。class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的
标签
是一致的。
四.取消class和id前的元素限定@H_
403
_1@当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个
页面
里是唯一的,鴆las s可以在
页面
中多次使用。你限定某个元素毫无意义。例如:
代码 src="http://mysheji.com/blog/images/code.gif"> 程序
代码
CSS超级技巧大放送合集
上一篇:HTML结构化:实践DIV+CSS网页布局
下一篇:ASP+CSS 实现列表隔行换色
猜你在找的CSS相关文章
IE浏览器兼容性调整总结技巧
前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个...
作者:前端之家 时间:2021-02-13
css属性总结
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-...
作者:前端之家 时间:2021-02-13
政府网站公祭日,如何使网站整体变灰
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决...
作者:前端之家 时间:2021-02-13
css实现图片动画效果
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现...
作者:前端之家 时间:2021-02-13
css实现文字渐变
html代码 css代码 效果图
作者:前端之家 时间:2021-02-13
移动端rem距离单位的使用
在做移动端开发的时候大家肯定会遇到适配问题,手机的屏幕大小有非常多的类别,使用传统的...
作者:前端之家 时间:2021-01-10
使用 media 实现响应式布局
最近工作有一个需求是将一个界面改为响应式布局,由于UI还没有给设计,于是自己先查了一下...
作者:前端之家 时间:2021-01-10
教你用原生CSS写炫酷页面切换效果,跟第三方组件说拜拜
因为项目需要,别人想让我给他写一个个人博客,并且给了我一个其他人的网页,可以点此查看...
作者:前端之家 时间:2021-01-10
CSS盒模型之内边距、边框、外边距 十九问 (持续更新)
本篇文章主要探讨盒模型,以及内边距、边框、外边距的面试题与思考,也希望您能把您的思考...
作者:前端之家 时间:2020-12-30
轻松上手CSS Grid网格布局
今天刚好要做一个好多div格子错落组成的布局,不是田字格,不是九宫格,12个格子这样子,看...
作者:前端之家 时间:2020-12-29
编程分类
HTML
HTML5
JavaScript
CSS
jQuery
Bootstrap
Angularjs
TypeScript
Vue
Dojo
Json
Electron
Node.js
extjs
Express
XML
ES6
Ajax
Flash
Unity
React
Flex
Ant Design
Web前端
微信小程序
微信公众号
最新文章
• IE浏览器兼容性调整总结技
• css属性总结
• 政府网站公祭日,如何使网
• css实现图片动画效果
• css实现文字渐变
• [css] 使用css画文件夹ico
• 移动端rem距离单位的使用
• 使用 media 实现响应式布局
• 教你用原生CSS写炫酷页面切
• CSS盒模型之内边距、边框、
热门标签
更多 ►
关闭广告
单独headers
封装代码
提示错误
整数正则
非0开头
跳页
出页码
antd table
提示URL未注册
公众号支付
vue hash模式
iSlider
车牌键盘
循环图片
echarts 双折
左右布局
DllPlugin
对象创建
打字游戏
圈选
两栏
云函数
蒙版
ES2020
橱窗
无缝滚动轮播
色块碰撞
组件销毁
文档操作