css一些常用技巧代码

【css一些常用技巧代码】的更多相关文章

css一些常用技巧代码

图片等比例自动缩放 img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } 多行省略最后line-clamp设置的是几行 ellipsis() overflow : hidden text-overflow : ellipsis display : -webkit-box -webkit-box-orient : vertical -webkit-line-clamp 3 css实现宽高比例一致的图形 (…

CSS兼容常用技巧

请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明. 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 http://www.php100.com 2. margin加倍的问题设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决方案是在这个div里面加…

html和css的常用语法代码详解

前端html html 超文本标记语言.文本,图片,视频,音频. 网页基本信息一个基础的网页具有的一些信息.   <!DOCTYPE html>  <html lang="en">  <head>  <meta chars…

api日常总结：前端常用js函数和CSS常用技巧

我的移动端media html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}} @media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}} @media screen and (min-width:415px) and (max-width:639px){…

CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅

首页登录注册 CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅阅读 8113 收藏 927 2017-09-26 原文链接:github.com 腾讯云容器服务CSS,立即免费体验容器集群吧!cloud.tencent.com 之前不久,由于自己平时涉猎还算广泛,总结了一篇博客:这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已,没想到受到了大家的欢迎,有人希望能博主还能整理个 CSS 的一些黑魔法小技巧,无奈我 CSS 一直很渣,没什么干货,最…

总结与学习DIV+CSS网页布局技巧

以前用表格布局时设置网页居中非常方便,把表格对齐方式设置为居中就行了,就这么简单,现在呢,用DIV+CSS样式表控制,好像不是那么容易了,其实也很简单,只不过方式不同而已. <style> #layout { width:778px; margin:0 auto; text-align:center;} </style> <div id="layout">QLJ标准之路www.aa25.cn</div> 宽度为适合800×600分辨率浏览…

CSS hack常用方案（摘选）

邮箱因为默认了line-height?:170%,导致采用table元素时继承问题,可以采用line-height:50% 很好解决. 常在使用float时,后面的显示不正常,因为继承了float了,可以采用clear来实现正常,当采用了display:inline-block实现块与块之间连接后,由于ie6不正常,可以采用margin移动到目标实现,很多时候,input,hx,p在浏览器中总是不在正中间可以采用line- height高度和height高度一致实现.实现居中最常用的方法就是…

HTML5-移动开发常用技巧与弹性布局的使用

一.移动开发常用技巧 Viewport基本知识设置布局Viewport的各种信息 1.width=device-width: 设置Viewport视口宽度等于设备宽度 2.initial-scale=1: 网页默认缩放比为1(网页在手持设备上,不会进行默认缩放 3.minimum-scale=1 网页最小缩放比为1 4.maximum-scale=1 网页最小大缩放比为1 5.user-scalable=no 禁止用户手动缩放网页(ios10+ 的设备失效) 在手机站及响应式网站的制作中,网页…

DIV+CSS一些小小的技巧

DIV+CSS网页布局技巧实例1:设置网页整体居中的代码以前用表格布局时设置网页居中非常方便,把表格对齐方式设置为居中就行了,就这么简单,现在呢,用DIV+CSS样式表控制,好像不是那么容易了,其实也很简单,只不过方式不同而已. <style>#layout { width:778px; margin:0 auto; text-align:center;}</style><div id="layout">标准之路www.aa25.cn</di…

chrome控制台常用技巧有哪些

chrome控制台常用技巧有哪些一.总结一句话总结:别的里面支持的快捷键,chrome里面几乎都支持,比如sublime中的ctrl+d,其实真是一通百通,都差不多的 1.chrome如何快速切换文件? Ctrl+P(cmd+p on mac) 我一般如果查找每个文件,一般都是打开控制台,在source控制面板里面一个一个去找,看下面的图你就应该知道,这么多文件,你都不知道在哪个目录下面,然后就只能一个一个点开看后来才发现原来按Ctrl+P(cmd+p on mac),就能快速搜寻和打开你…

DIV+css排版问题技巧总结---v客学院技术分享

DIV+css排版问题技巧总结一．排版思路 1.从上到下,从左到右,从大到小. 2.首先确定排版分区,排除色块分布,然后再从简单的部分开始. 3.在某一块内将HTML部分写好,再加上ID或CLASS,利用CSS控制. 4.善于利用参考手册,根据参考手册的分类进行查找. 二．常用大类: 三．注意元素样式的优先级 (1)确定你指定的是哪个元素,如果两个样式指定的不是同一类元素,并不会发生冲突,即不会有优先级的考虑 (2)在指向同类元素时,没有后代选择器的情况下,id>cla…

【shell 大系】Linux Shell常用技巧

在最近的日常工作中由于经常会和Linux服务器打交道,如Oracle性能优化.我们数据采集服务器的资源利用率监控,以及Debug服务器代码并解决其效率和稳定性等问题.因此这段时间总结的有关Linux Shell的系列博客就给予了我极大的帮助,然而在实际的使用中却发现,有的时候确实忘记了某个技术点或某个Shell命令的使用方式曾经在哪一篇博客中予以了说明,所以不得不多次点击多篇博客,直到找到想要那篇的为止,鉴于此,为了方便我们每个人的查阅,这里特别给出了前十二篇系列博客的目录以供大家参阅和查找.…

CSS/CSS3常用样式小结

1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; 2.设置溢出文本显示为省略标记: text-overflow:ellipsis; (注:text-overflow:clip | ellipsis | ellipsis-word;…

工作中总结的常用PHP代码

[目录] ◆PHP常用的代码 ◆HTML常用代码 [值传递和引用传递] [单例模式] [魔术常量] [代码调试(自定义一个简单的debug函数)] [thinkphp多表查询] [获取客户端IP地址] [PHP json_encode中文乱码解决方法] [Apache设置二级域名和虚拟主机,在httpd.conf的最后] [CURL 获取远程网页数据] [使用CURL抓取网页] [在cURL中用POST方法发送数据] [使用cURL上传文件] [上传网络图片] [PHP将XML数据转换为数组…

css的小技巧

前几天看到<css揭秘>这本书,第一感觉是 css怎么能出这么厚的一本书,不过细细一想,用好css真的可以实现很多想要的效果,节省很多js代码. 总结几个css的小技巧: 1,将所有元素垂直居中 html, body { height: 100%; ; } body { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: flex;…

Vim 常用技巧：

Vim 常用技巧: 将回车由默认的8个空格改为4个空格: 命令:set sw=4 修改tab为4空格: 命令:set ts=4 设置每一级的缩进长度: 命令:set shiftwidth=4 设置文件的编码: set fileencoding=utf-8 进入vi的命令 vi filename :打开或新建文件,并将光标置于第一行首 vi +n filename :打开文件,并将光标置于第n行首 vi + filename :打开文件,并将光标置于最后一行首 vi +/pattern filen…

JS~~~ 前端开发一些常用技巧模块化结构 &&&&& 命名空间处理奇技淫巧！！！！！！

前端开发一些常用技巧模块化结构 &&&&& 命名空间处理奇技淫巧!!!!!!2016-09-29 17:16:39 #####背景: 前端开发过程中,创建js对象非常容易,但是要把代码变得更容易维护,那么就需要一些方法来实现约束和规范. 使用命名空间可以减少全局变量的使用,同时避免命名冲突和额外前缀,在命名空间下定义属性方法,更加面向对象有木有!! ## 实践如图: ####Debugger调试[结合debu…

Android ListView 常用技巧

Android ListView 常用技巧 Android TextView 常用技巧 1.使用ViewHolder提高效率 ViewHolder模式充分利用了ListView的视图缓存机制,避免了每次在调用getView()的时候都去通过findViewById()实例化控件.需要做的就是在自定义Adapter中定义一个内部类ViewHolder,并将布局中的控件作为成员变量.代码如下: public final class ViewHolder { public ImageView img;…

Eclipse调试常用技巧(转)

Eclipse调试常用技巧转自http://daimojingdeyu.iteye.com/blog/633824 1. 条件断点断点大家都比较熟悉,在Eclipse Java 编辑区的行头双击就会得到一个断点,代码会运行到此处时停止. 条件断点,顾名思义就是一个有一定条件的断点,只有满足了用户设置的条件,代码才会在运行到断点处时停止. 在断点处点击鼠标右键,选择最后一个"Breakpoint Properties" 断点的属性界面及各个选项的意思如下图, 2. 变量断点断点不仅…

AS技巧合集「常用技巧篇」

转载:http://www.apkbus.com/forum.php?mod=viewthread&tid=254723&extra=page%3D2%26filter%3Dauthor%26orderby%3Ddateline&_dsign=28e4c02e 一共收集了62个 Android Studio 使用小技巧和快捷键. 根据这些小技巧的使用场景,本文将这62个小技巧分为常用技巧.编码技巧和调试技巧三个系列,堪称史上最详细,已获授权发布,可阅读原文跳转到原博客.1. 书签(…

Android之ListView常用技巧

ListView是一个非常常用的列表控件,虽然在5.x时代ListView的风头正在逐渐的被RecyclerView抢去,但是ListView的使用范围依然十分广泛. 接下来的ListView的常用技巧是在平时的开发和学习中了解到的,如有雷同,纯属我抄! 技巧1:设置项目间分隔线技巧2:隐藏滚动条技巧3:设置第一个可视条目是第几项技巧4:添加/取消item的点击效果. 技巧5:处理数据项为空的时候的ListView 技巧6:动态更新ListView 下面依次介绍 1.设置项目间的分割线这…

yii项目开发项目常用技巧和方法汇总

1.使用CActiveForm类组件如何输出不带html属性的结果 eg:<?php echo $form->textField($model,'email',array('size'=>30,'maxlength'=>40)); ?>是一个返回带表单的属性的结果 aq:如何返回字段本身? eg:<?php echo CHtml::value($model,'username'); ?> 2.使用CGridView常用技巧 a.改变分页位置 'template'=…

Freemarker的常用技巧总结

Freemarker的常用技巧总结 Freemarker视频教程 1,截取字符串有的时候我们在页面中不需要显示那么长的字符串,比如新闻标题,这样用下面的例子就可以自定义显示的长度 < lt. <= lte. > gt. >= gte <#if jstbqkVO.gzdd?length lt 8> <a href>${jstbqkVO.gzdd?default("")}</a> <#el…

Js常用技巧

摘录:http://crasywind.blog.163.com/blog/static/7820316920091011643149/ js 常用技巧 1. on contextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)> <td>no </table> 可用于Table 2. <body onselects…

Idea 常用功能汇总，工作中常用技巧

1.隐藏没用到的文件比如 IDEA 的项目配置文件(.iml 和.idea),打开 Settings-File Types, 加入要隐藏的文件后缀. 2.常用技巧 2.1 通过Alt+F8查看变量在当前断点的当前值 2.2 使用Live Template创建代码模板 2.3 粘贴历史复制快捷键 Ctrl+Shift+V,可以显示文本复制的历史记录. 修改复制历史记录数量,执行 Setting-Editor,修改“Maximum number of contents to keep in…

CSS的常用属性

刚开始学习前段的我,还处于初级阶段,一些东西还是会有搞不明白的时候,还是要大家多多理解.今说就一些关于CSS的常用属性吧! 一.CSS常用选择器 CSS选择器应该说是一个非常重要的工具吧,选择器用得好坏可以直接关系到你代码书写的麻烦程度,简单来说就是CSS选择器用得好,实现相同的功能时所用到的代码就会少,这样做出来的网页代码就没有那么繁杂. 1.选择器的书写样式: 选择器中可以写多对CSS属性,用{}包裹,每个属性名与属性值之间用冒号分隔,多对属性名之间必须用分号分隔. 写法: 选择器{ 属性1…