好用的css语法技巧
点击数: 2317
文章目录
- 譬如，我很喜欢让我的主题有透明的感觉。
- 很简单，但并不太代表每个主题通用，
- 但8成是
- .wrapper在影响的
- 所以我会在.wrapper里面加入这段
- 后面的0.75就是可以去自行调整的
- 如果这段不行，那就是.content的数值。
- 可以控制背景的大小
- 那像一些圆角语法
- 一些边框的语法
- 一些边框的图片的语法
- css放背景图的语法
- 字型的语法
- 一般来讲中文字比较麻烦，要做这样的设定，因为国外的主题，都不会有中文字型。
- 字型的宽度语法
- 放置fb粉丝团的语法
- 将下面我的网址改成你的fb粉丝团的网址就可以
- 阴影语法
- 背景图片固定的语法
- 阴影的扩散强度，也可以强化像光晕的效果。
- 隐藏div的语法
- html加入css语法
- 文字css
- 陆续会增加中....
譬如，我很喜欢让我的主题有透明的感觉。
很简单，但并不太代表每个主题通用，
但8成是
.wrapper在影响的
所以我会在.wrapper里面加入这段
- background: rgba(100%,100%,100%,0.75);
后面的0.75就是可以去自行调整的
如果这段不行，那就是.content的数值。
一样用此语法去微调
- background: rgba(100%,100%,100%,0.75);
可以控制背景的大小
- background-size: 69px 69px;
那像一些圆角语法
- border-radius: 0px 0px 12px 12px;
一些边框的语法
- border-bottom: 2px solid #0017a6;
- border-right: 2px solid #0017a6;
- border-left: 2px solid #0017a6;
一些边框的图片的语法
[cc lang="php"] border-image: url("http://www.nintendo.co.jp/3ds/edhj/images/bg.jpg") 100 40 28 40 fill; [/cc]
css放背景图的语法
- border-image: url("http://www.nintendo.co.jp/3ds/edhj/images/bg.jpg") 100 40 28 40 fill;
字型的语法
一般来讲中文字比较麻烦，要做这样的设定，因为国外的主题，都不会有中文字型。
- font-family:"Algerian", "Century Gothic","微软正黑体", "Microsoft JhengHei";
字型的宽度语法
- font-weight: 900;
放置fb粉丝团的语法
将下面我的网址改成你的fb粉丝团的网址就可以
阴影语法
- box-shadow: 0px 0px 10px #F00;
背景图片固定的语法
- box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.5);
阴影的扩散强度，也可以强化像光晕的效果。
- background-size: cover;
- box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.5);
隐藏div的语法
- div.dataTables_length { display: none !important; }
html加入css语法
文字css
- text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
白底渐层，像这样
- background-image: linear-gradient(to right,#f1f1f1 0,#fff 5%,#f1f1f1 90%);
- background-image: -webkit-linear-gradient(to right,#f1f1f1 0,#fff 5%,#f1f1f1 90%);
