wenyier
- 浏览: 76868 次
- 性别:
-
最新评论
文章列表
前三个值分别代码RBG的值，最后一个值代表透明度（0表示透明，1表示不透明）。
RGBA可以用于任何和color有关的属性，例如字体颜色、边框颜色、背景颜色和阴影颜色等。
文字阴影
文字阴影的结构按照这样的顺序：x-offset, y-offset, blur, 和 color。
为x-offset设置负值会将阴影位置改变到左边，为y-offset设置负值会将阴影位置改变到头部。我们也可以使用RBGA设置阴影的颜色。
一些英文网站改版中文不显示中文标题内容的方法
- 博客分类：
- 前端技术
一些英文网站改版中文网站会导致标题只能显示英文字符，中文好像是替换掉一样。通过查看代码标题的调用是完全没有问题的，应该是哪里的JS限制导致的。
通过查阅资料，原来是一些国外的开发者比较喜欢用Cufon字体，默认是不支持的，需要用JS来限制，这就导致中文字符无法显示的原因。我们要解决这个问题就只要找到限制的JS代码，然后删除即可。
然后搜索"Cufon.replace"字符，找到所在的JS位置
类似
<script type="text/javascript">/*<![CDATA[*/Cufon.replace(\'.si ...
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>网页导航特效</title>
<style type="text/css">
*{margin:0; padding:0;}
body{font-size:12px; font-family:"微软雅黑","宋体";}
a{color:#666; text-decoration:none;}
...
i++和++i有什么区别
- 博客分类：
- 碎碎念
i++：先运算，再自增
++i：先自增，再运算
i = 5
j = i++ ; j = 5,i = 6
z = ++i ; z = 6,i = 6
CSS3特性:CSS3 target伪类
- 博客分类：
- html/css
CSS3 target伪类是众多实用的CSS3特性中的一个。它用来匹配文档（页面）的URI中某个标志符的目标元素。具体来说，URI中的标志符通常会包含一个”#”字符，然后后面带有一个标志符名称，比如#respond，target就是用来匹配ID为respond的元素的。
现在在页面中，点击一个ID链接后，页面只会跳转到相应的位置，但是并不会有比较明显的UI标识，使用：target伪类可以像：hover等伪类一样对目标元素定义样式。
浏览器支持
因为我们在讨论CSS3，所以它现在被除了IE6-8以外的所有浏览器支持，但是IE9会支持这个伪类。这是相当遗憾的，但是这个现实并不影响你使用它。
...
首先，我们假设你在用Sublime Text和Package Control插件。按Ctrl + Shift + P（Mac下是Shift + CMD + P）进命令选择窗口，搜索”repository”,选择”add repository”直接输入一个Sublime Text的Github地址，如
https://github.com/ttscoff/MarkdownEditing
载入完成后就可以安装了，再按Ctrl + Shift + P（Mac下是Shift + CMD + P）进命令选择窗口，选择”Install Package”,现在就可以安装刚刚添加的repository里面 ...
这个指南解释了如何使用Google Font的API,把网络字体添加到自己的页面上。你不需要任何的编码,你所要做的只是添加一个特定的CSS到HTML页面上，然后把字体关联到这个CSS样式。一个快速的例子：这是一个例子，复制下面的HTML代码到一个文件中：
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
...
常用的css命名规则：
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
MixItUp：排序也能这么动感
- 博客分类：
- 资源素材
这个库的作用就是给你的元素排列过程加上动画效果。什么叫元素排列过程呢？假设我们有这么一个网页：
我们有12个元素，然后如果想要重新排列的话，MixItUp会通过一个非常炫酷的动画效果来排列元素，如图：
这是动画过程中我截的一张图，实际上一个动态效果，非常炫酷
<div id="Container">
<div class="mix" data-my-order="1"> ... </div>
<div class="mix" data-my ...
一、"自适应网页设计"的概念
2010年，Ethan Marcotte提出了"自适应网页设计"（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。
如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。
[
如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部。
如果屏幕宽度在400像素以下，则6张图片分成三行。
...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>tab页切换</title>
<meta http-equiv="Content ...
一次性解决PNG透明度在IE6下显示问题的脚本
- 博客分类：
- 前端技术
png格式因为其优秀的压缩算法和对透明度的完美支持，成为web中最流行的图片格式之一。IE6下png的图片不显示透明效果。其他浏览器都挺好的。为了解决IE6下png图片的般透明效果，的方案是：一次性解决PNG透明度在IE6下显示问题的脚本
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgN ...
我根据自己的经验总结8种清除浮动的方法（测试已通过iechromefirefoxopera，后面三种方法只做了解就可以了）：
1，父级div定义height
<style type="text/css">
.div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;}
...
首先是一个文本框，这个文本框需要一些样式，如阴影和圆角效果；第二，获得焦点和失去焦点时的伸缩效果；第三，文字提示显示（未点击文本框的情况下）和消失效果（点击文本框的情况下）；
<style>
input{
color: #ccc;
padding: 6px;
margin: 10px;
outline: none;
overflow:hidden;
border-radius: 18px; ...
CSS命名规范（规则）
- 博客分类：
- 前端技术
常用的CSS命名规则头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体佈局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download ...