cfj
- 浏览: 114124 次
- 性别:
- 来自: 天津
-
最新评论
文章列表
一个前端er写在2015年末的话
- 博客分类：
- web前端文章
转自：http://www.cnblogs.com/vajoy/p/5040365.html
写惯了技术类的文章，这种总结和唠嗑型的我基本也就在年末才来一篇。说实话，这种轻松类的文章往往比技术类的要受欢迎的多，因为其受众更广，看起来也不烧脑。说来愧疚，这一年其实产出有点低，大致就写了不到二十篇技术随笔，特别下半年入职腾讯后就更少有时间动笔了。但再忙也没打算摒弃写文章的习惯，一来是为了自己沉淀，二来也是希望自己能为国内的前端分享出点贡献——这想法虽然有些滑稽，却也是我本人确切真实的想法。有时会想着自己能给这个社会带来、留下些什么，如果没有揭露相对论的能力，那么写点文章我还是得以胜任的。就我个 ...
转自http://www.cnblogs.com/dolphinX/p/3511300.html
CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑
大小写不敏感
虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的
.test{
background-COLOR:#a00;
width:100px;
height: 100px;
}
虽然把background-color写为了background-COLOR，但仍然会生效，之所以写成小写是因为xhtml标准的关 ...
水平居中设置-行内元素如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。如下代码：html代码：<body> <div class="txtCenter">我是文本，哈哈，我想要在父容器中水 ...
原文http://www.cnblogs.com/glj1203/archive/2011/04/07/2008054.html
设置或获取对象指定的文件名或路径。alert(window.location.pathname)设置或获取整个 URL 为字符串。alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port)设置或获取 URL 的协议部分。alert(window.location.protocol)设置或获取 href 属性中在井号“#”后面的分段。alert(window.location. ...
1、像素像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单位。2、em就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px。如下代码：p{font-size:12px;text-indent:2em;}上面代码就是可以实现段落首行缩进 24px（也就是两个字体大小的距离）。下面注意一个特殊情况：但当给 font-size 设 ...
盒子模型的缩写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果top、right、bottom、left的值相同，如下面代码：margin:10px 10px 10px 10px;可缩写为：margin:10px;2、如果top和bottom值相同、left和 right的值相同，如下面 ...
在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）流动模型流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局 ...
盒子模型-边框盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)div{ border-width:2px; border-style:solid; border-color:red;}border-style（边框样式）常见样式有：dashed（虚线）| ...
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有：<a>、<span>、<br>、<i>、<em>、<strong>、<label>、&l ...
1字体body{font-family:"宋体";}2 文字排版 字号颜色body{font-size:12px;color:#666}3 粗体p span{font-weight:bold;}4 斜体p a{font-style:italic;}5 下划线p a{text-decoration:underline;}6 删除线.oldPrice{text-decoration:line-through;}7 首行缩进2个字p{text-indent:2em;}8 行间距p{line-height:1.5em;}9 段落排版--中文字间距、字母间距如果想在网页排版中设置文字间 ...
1 标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码：p{font-size:12px;line-height:1.6em;}
2 类选择器（最常用）.类选器名称{css样式代码;}英文圆点开头 类选择器可以任意起名.stress{ color:red;}<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" co ...
CSS全称为层叠样式表，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等p{ font-size:12px; color:red; font-weight:bold;}
CSS的注释是：/*注释语句*/
CSS有三种样式：
1 内联样式<p style="color:red">这里文字是红色。</p>2 嵌入式样式<style type="text/css">span{color:red;}</style>3 外部样式<link href="b ...
group_concat()，手册上说明:该函数返回带有来自一个组的连接的非NULL值的字符串结果。比较抽象，难以理解。通俗点理解，其实是这样的：group_concat()会计算哪些行属于同一组，将属于同一组的列显示出来。要返回哪些列，由函数参数(就是字段名)决定。分组必须有个标准，就是根据group by指定的列进行分组。group_concat函数应该是在内部执行了group by语句，这是我的猜测。1.测试语句：SELECT group_concat(town) FROM `players` group by town结果去查找town中去查找哪些值是一样的，如果相等，就全部列出来，以 ...
八 表单控件单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型，比如说text类型，对应的是input[type=“text”])的形式来定义样式的为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”<!doctype html><html lang="en"><head> <met ...
（四）粗体可以使用<b>和<strong>标签让文本直接加粗<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>粗体</title><link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"></head><body>&l ...