css样式 那些可以速记,CSS3的几个标签速记1

border-radius:CSS3圆角   语法：border-radius：25px;     椭圆边角：语法-border-radius：xx%;或者15px/100px;

box-shadow:CSS3盒阴影     语法：box-shadow：5px 5px 10px #eee;

border-image:使用图像创建一个边框     语法：boder-image：url(xx.xxx) 30 30 round     round是平铺、stretch是拉伸

background-size:自定义设置背景图片的大小     语法：background-size：--px  --px;     背景图片完全填充background-size：100% 100%；

background-origin：指定了背景图像的位置区域     border-box     padding-box     content-box

CSS3允许多个背景图片：background-image:url(img_flwr.gif),url(img_tree.gif);

CSS3渐变

linear-gradients:线性渐变     语法：background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);

使用透明度transparency    语法：linear-gradients(to right,rgb(255,0,0,0),rgb(255,0,0,1));

为了添加透明度，我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。

radial-gradients:径向渐变     语法与linear-gradients一样，这里不重复。

text-shadow：文本阴影     语法：text-shadow：--px --px --px #eee;

word-wrap:break-word如果某个单词过长溢出文本框，此标签强制换行

CSS3的几个标签速记3

transition:CSS3过渡     css3里很好的一个标签,可以非常方便的完成需要很多JS才能完成的动态效果 例语法:transition:width 2S,height 2S,transf ...

12种炫酷HTML5 SVG和CSS3表单浮动标签特效

这是一组效果非常炫酷的HTML5 SVG和CSS3表单浮动标签特效.这组浮动标签特效共12种效果,使用SVG和CSS3来制作完成.这些浮动标签效果部分在元素的伪元素上使用CSS transitions ...

CSS3之尖角标签

如图所示,Tag标签的制作通常使用背景图片,现在用CSS3代码就能实现尖角效果(需浏览器支持CSS3属性). 运用CSS3样式实现尖角标签,只需要写简单的HTML结构和CSS样式.

...

用CSS3制作尖角标签按钮样式

如图的效果.标签有背景色,且左侧有一个三角形,三角形中间有个白色的圆圈. 你一定在想这个效果是背景图切出来的吧——答案是没有用到任何图片 那你会不会在想这个效果的html结构很复杂呢——答案是最简单的 ...

CSS3给页面打标签

我们经常会在页面的左上角或者右上角看到类似如图所示的标签,比如页面的链接(最常使用)等,下面我们就实现一个简单的标签 实现步骤是先做一个水平长条,使用CSS3的transform来实现旋转,如果是在左 ...

使用CSS3中的input标签与lable标签组合实现banner图的切换

在做网页时,我们经常可以碰到banner图的切换.对于那些JS薄弱的同学来说,这就很尴尬了.今天,我来告诉大家如何使用CSS做出banner图切换的效果. 这里,用到了lable标签与input的组合 ...

HTML标签速记整理W3C

标题

段落

链接< href="">图像自关闭元素,不需要结束标记换行标志& ...

CSS3：pointer-events &vert; a标签禁用

用纯css就能实现取消事件响应的方法,pointer-events,使用起来更加简单,它可以: pointer-events: auto | none | visiblePainted | visib ...

随机推荐

Ubuntu下搭建Mininet环境

Mininet环境搭建分为两个步骤,如下: 1.从GITHUB上获取mininet源码到本地的opt目录下 打开Linux终端,切换目录到根目录 cd / 切换到Linux的opt目录下 cd opt ...

Android添加快捷方式&lpar;Shortcut&rpar;到手机桌面

Android添加快捷方式(Short)到手机桌面 权限 要在手机桌面上添加快捷方式,首先需要在manifest中添加权限.

关于Elasticsearch单个索引文档最大数量问题

因为ElasticSearch是一个基于Lucene的搜索服务器.Lucene的索引有个难以克服的限制,导致Elasticsearch的单个分片存在最大文档数量限制,一个索引分片的最大文档数量是20亿 ...

HTTP 笔记与总结(5)socket 编程：使用 HTTP 协议模拟登录并发帖

在 VeryCD 上注册两个帐号,发送和接收站内信,观察 POST 请求时发送的参数(h****2 发送给 d***2).(最好用 FireFox 的 FireBug 工具,发送站内信之前选中 “保持 ...

ubuntu下导入kali源

Kali-Linux之前的渗透神器BackTrack是基于Ubuntu的,界面比较友好,字体渲染看起来也比较舒服(也可能是本人用惯了 Ubuntu的缘故).后来官方终止BackTrack,开发Kali ...

html 用图片代替重置按钮

提交时,若把按钮设置成图片提交特别方便只要