css小贴士备忘录】的更多相关文章

前言:在CSS的学习实践过程中,我经常遗忘一些貌似常用的代码,为了能够强化记忆特在此作归纳整理并将陆续增删,以备即时查阅.但愿今后能遇到问题及时解决,牢牢记住这些奇怪的字符们. 一.关于段落文本强制对齐 text-align:justify;  text-justify:inter-ideograph; 若要文本两端对齐,必须先定义P的宽度,然后 { text-align:justify; text-justify :distribute-all-lines; } 二.给按钮的不同状态加CSS…
CSS 中用四个伪类来定义链接的样式,分别是:a:link.a:visited.a:hover 和 a : active,例如: a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;} a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;} a:hover {font-weight : bold ;text-decoration :…
前言 今天来公司的主要目的就是研究虚拟键盘与fixed的问题,期间因为同事问起闭包与事件委托(阻止冒泡)相关问题,便穿插了一篇别的: [小贴士]工作中的”闭包“与事件委托的”阻止冒泡“,有兴趣的朋友可以去看看,因为首页只能放一篇,这个就略去了 现在回到主要研究点,首先在移动端我们点击文本框后会出现一个虚拟键盘, 虚拟键盘让页面可视区域得到了充分利用,但是也带来了一些问题 问题源头 移动端虚拟键盘出现的条件是:文本框(文本类)获得焦点 但是文本框获得焦点未必会弹出键盘!!! 收起虚拟键盘的条件是:…
Angular2 正式版已经发布了一个月了,我也是通过各种方式在进行验证是否可以满足我们的需求,今天我就发现了一个问题.现在我们来一起说明一下,这个可能不算是bug,而应该需要我们记住就可以了. 我们现在需要对标题赋值,动态改变标题.不废话,直接上代码. App.module.ts 代码 import { NgModule, enableProdMode } from '@angular/core'; import { BrowserModule, Title } from '@angular/…
1.-webkit-overflow-scrolling: touch; 解决ios滑动时无缓冲问题 2.::-webkit-scrollbar 设置ios滑动时是否显示滚动条 3.::selection 选中文字时文字颜色和选中色 <!doctype html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-s…
我辛辛苦苦写的到哪里了? SVN小贴士SVN服务器上的代码项目组公用,你的每一个提交都会体现给项目组每个人,所以提交要慎重,要注意避免代码冲突,使用SVN小贴士: 1.提前宣布开发计划,保持项目组成员间信息通畅,确保其他人知道你在做什么,这样如果你的开发会对其他人造成影响他们可以提前做好准备,避免不必要的代码冲突,提高工作效率2.每次开发之前,先更新代码,保证自己本地的代码是最新的,要不然到第4条你就后悔了3.提交之前要通过编译,通过测试4.提交之前,先更新代码,注意冲突和错误信息5.如果发生代…
HTML+CSS小实战案例 登录界面的美化,综合最近所学进行练习 网页设计先布局,搭建好大框架,然后进行填充,完成页面布局 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>实验</title> <style type="text/css"> *{…
转自http://developer.android.com/training/articles/perf-tips.html 性能小贴士: 这篇文档主要一些微优化可以提升应用程序性能,但是这些改变不会明显的提升巨大的性能改善.选择正确的算法以及数据结构应该是你优先考虑的事情,但是在这篇文档的讨论范围之外.你应该把这些贴士作为一个基本的代码实践可以用进你的习惯,为了大多数的代码效率. 写效率代码有两个基本的规则: 不要做你不需要实现的功能 不要分配你可以避免的内存 性能优化与设备的关系,大多数情…
CSS小tip整理 1.利用css在列表靠头和末尾添加箭头: /* 左箭头*/ ol a[rel="prev"]:before { content: "\00AB"; padding-left: 0.5em; } /* 右箭头*/ ol a[rel="next"]:after { content: "00BB"; padding-right: 0.5em; } 2.让父元素包含浮动的子元素: 添加一个进行清理的元素 让父元素浮…
NGINX本身就是面向最大性能的代理服务器,因此在使用NGINX,并没有性能调整的配置工作.但是却有很多选项可用于定制NGINX的行为,利用底层硬件和操作系统. 下面将介绍用于提供PHP在NGINX的性能的3个小贴士. 调整工作进程 硬件处理器和NGINX可以利用多个物理或虚拟的处理器.通常情况下,Web服务器不会被配置来处理多个工作负载(例如服务器不会被同一时间用于Web服务器和打印服务器).因为NGINX不支持多线程工作进程,那么配置NGINX使用所有可用的处理器就非常有必要. 以Linux…