10
6
2011
35

rgba的运用 以及 box-shadow内阴影 记

.build-group h3, .build-group ul {
    background: none repeat scroll 0 0 rgba(133, 156, 228, 0.1);
    border: 1px solid #1B335B;
    box-shadow: 1px 1px 8px 1px #1B335B inset;
    float: left;
    font: 20px 'MuseoSans500',sans-serif;
    margin: 0;
    padding: 20px 30px;
}

今天在逛http://nightly.mozilla.org/的时候,看到有内阴影效果,一看源代码居然box-shadow还有内阴影设置…… 兴奋又无奈啊。

来分析下box-shadow的参数吧

  前参数是设置阴影的位置,第三个是设置阴影的模糊度,第四个是设置阴影的范围大小

  第五个就是设置颜色(可以用rgba),最后一个是设置是不是内阴影,如不设置默认是外阴影

  PS:阴影可以是多重的,多重间用“,”隔开!!

还有连背景色也能用rgba方式定义半透明效果了呢!

 

参考资料:

   https://developer.mozilla.org/en/CSS/box-shadow

 

Category: Web摘记 | Tags: css
10
5
2011
23

jQuery实现侧边栏滚动(摘自网络

用于学习jQuery在可滚动的侧边栏上的使用。

Category: Web摘记 | Tags: jquery
10
5
2011
22

css之blockquote美化

blockquote即块引用,就是说是引用的东西,当然主要是有缩进的效果,这样就不同于其它的普通的文字了。如果不是块级的引用,则用q标签(不常用吧,这个就是给标签内的文字加引号而已)。虽然并不一定要用blockquote才能达到这种效果(可以用css对任意标签实现blockquote效果),但这用得还是比较流行的,当作愉乐&长见识&学习了!

Category: Web设计 | Tags: css
10
5
2011
0

略记 js转码

对于js的编码做个了解和记录,因为编码和解码问题是比较常见的,也容易混淆。

Category: Web编程 | Tags: javascript encode
10
4
2011
2

略记 Ajax发送中文数据的小问题

最近在学Ajax,在测试中发现如果post或get方式直接发送中文会存在一些问题,因为数据的处理和发送是我们自己编写代码来处理的。本来表单提交时的中文处理是浏览器帮我们进行了转码处理,so提交的都是转码处理后的数据,不会存在中文的。一般而言,初学Ajax时可能还没考虑到过自己处理转码问题的,so会碰到一些所谓的奇怪现象,比如,对Ajax提交的中文数据,在服务器端不需要转码就能正确读取了………… 下面来看看不同的浏览器的不同现象~

Category: Web编程 | Tags: ajax Servlet JSP
10
1
2011
0

浏览器内核摘记(自网络)

正学习web设计,so了解下主流内核以便学习!

Category: Web摘记 | Tags:

Host by is-Programmer.com | Power by Chito 1.3.3 beta | Theme: Aeros 2.0 by TheBuckmaker.com