当前位置: 网站建设 > 网页设计 > 建站经验 >

Safari参考样式库之webkit

时间:2013-03-02 03:49来源:未知 作者:admin 点击:

标签:Safari参考样式库之webkit C(23)样式(83)Safari(2)效果(56)库之(1)参考(4)webkit(2)视觉(9)
3,视觉效果 CSS定义:unicode-range: U+00-FF, U+980-9FF; CSS定义:text-shadow:#00FFFC 10px 10px 5px; CSS定义:text-transform:capitalize; 常量:capitalize, lowercase, none, uppercase CSS定义:word-wrap:break-word; 常量:break-word, normal CSS定义
Safari参考样式库之webkit》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302336022013.htm

3,视觉效果

 

CSS定义:unicode-range: U+00-FF, U+980-9FF;

CSS定义:text-shadow:#00FFFC 10px 10px 5px;
CSS定义:text-transform:capitalize;    常量:capitalize, lowercase, none, uppercase
CSS定义:word-wrap:break-word;    常量:break-word, normal
CSS定义:-webkit-marquee:right large infinite normal 10s;   常量:direction(方向) increment(迭代次数) repetition(反复) style(样式) speed(速度);
-webkit-marquee-direction:ahead,auto,backwards,down,forwards,left,reverse,right,up
-webkit-marquee-incrementt:1-n,infinite[无限次]
-webkit-marquee-speed:fast,normal,slow
-webkit-marquee-style:alternate,none,scroll,slide
CSS定义:-webkit-text-fill-color:#ff6600;   常量:capitalize, lowercase, none, uppercase
CSS定义:-webkit-text-security:circle,QQ空间发光文字实现步骤;   常量:circle,disc,none,square
CSS定义:-webkit-text-size-adjust:none;  常量:auto,none;
CSS定义:-webkit-text-stroke:15px #fff;
CSS定义:-webkit-line-break:after-white-space;    常量: normal,PSD网页模版转化XHTML网页的一些技巧,after-white-space
CSS定义:-webkit-appearance:caps-lock-indicator;
CSS定义:-webkit-nbsp-mode:space;  常量: normal,space
CSS定义:-webkit-rtl-ordering:logical; 常量:visual,logical
CSS定义:-webkit-user-drag:element; 常量:element,auto,none
CSS定义:-webkit-user-modify:read-write-plaintext-only; 常量:read-write-plaintext-only,read-write,read-only
CSS定义:-webkit-user-select:text; 常量:text,auto,none

CSS定义:-webkit-background-clip:content; 常量:border,content,padding,text
CSS定义:-webkit-background-origin:padding; 常量:border,content,PSD模板切用photo切图为XHTML+CSS的网页,padding,text
CSS定义:-webkit-background-size:55px; 常量:length,length_x,length_y

Safari和WebKit实行大子的CSS 2.1规格所界定的万维网同盟( W3C ) ,以及部分的CSS 3规格。 。

 

 

支撑;safari3.0+,iPhone OS 1.0+

9,表格

CSS定义:page-break-after:auto; 常量:always, auto, avoid, left, right
CSS定义:page-break-before:auto; 常量:always, auto, avoid, left,PR取消后友情链接交换需要注意的四项原则, right
CSS定义:page-break-inside:auto; 常量:auto, avoid

4,生成目录

 

7,字体

 CSS定义:direction:rtl
 CSS定义:unicode-bidi:bidi-override常量:bidi-override,embed,normal

--> [网站建设之]Safari参考款式库之webkit

6,色彩与背景

10,photoshop转手绘头发教程,用户接口

 CSS定义:-webkit-border-bottom-left-radius: radius;
 CSS定义:-webkit-border-top-left-radius: horizontal_radius vertical_radius;
 CSS定义:-webkit-border-radius:radius;
 CSS定义:-webkit-box-sizing: sizing_model; 边框常量值:border-box
 CSS定义:-webkit-box-sizing: sizing_model; 内容常量值:content-box
 CSS定义:-webkit-box-shadow: hoff voff blur color;
 CSS定义:-webkit-margin-bottom-collapse: collapse_behavior;常量值:collapse
 ,Perl、PHP、ASP、JSP技术比较;CSS定义:-webkit-margin-bottom-collapse: collapse_behavior;常量值:discard
 CSS定义:-webkit-margin-bottom-collapse: collapse_behavior,padding和margin到底要用哪一个?;常量值:separate
 CSS定义:-webkit-margin-start: width;
 ,overflow解决float浮动后高度自适应问题;CSS定义:-webkit-padding-start: width;
 CSS定义:-webkit-border-image:url(borderimg.gif) 25 25 25 25 round round;
 CSS定义:-webkit-border-image:url(borderimg.gif) 25 25 25 25 stretch stretch;

CSS定义:-webkit-box-align:baseline,center,end,start,stretch 常量:baseline,center,end,start,stretch
CSS定义:-webkit-box-direction:normal;常量:normal,reverse
CSS定义:-webkit-box-flex:flex_valuet
CSS定义:-webkit-box-flex-group:group_number
CSS定义:-webkit-box-lines:multiple;常量:multiple,single
CSS定义:-webkit-box-ordinal-group:group_number
CSS定义:-webkit-box-orient:block-axis; 常量:block-axis,horizontal,inline-axis,vertical;-webkit-box-orient: orientation;
CSS定义:–webkit-box-pack: alignment; 常量:center,end,justify,start

 

CSS定义:-webkit-border-horizontal-spacing:2px;
CSS定义:-webkit-border-vertical-spacing:2px;
CSS定义:-webkit-column-break-after:right; 常量:always,auto,avoid,left,right
CSS定义:-webkit-column-break-before:right; 常量:always,auto,avoid,left,right
CSS定义:–webkit-column-break-inside:logical; 常量:avoid,auto
CSS定义:-webkit-column-count:3;
CSS定义:-webkit-column-rule:1px solid #fff; style:dashed,dotted,double,groove,hidden,inset,none,outset,ridge,solid

5,分页媒体

支持CSS属性

这个CSS属性本条划分的群体界定由W3C的CSS规格:

2,可视化格式模型

8,文字

图片版(下面为文字版)Safari参考样式库之webkit

CSS定义:content: “Item” counter(section) ” “;
This resets the counter.
First section
>two section
three section
 CSS定义:counter-increment: section 1;
 CSS定义:counter-reset:section;

Tag:   参考   样式     参考   样式  

“盒模型”的详细描述性质的包抄盒块内容,包含边界,填充,和利润率。附加框相干属性的特定表中分辨先容了“表。 ”
“视觉格局化模型”描述性质,断定了地位和大小的块元素。
“视觉效果”描述属性,net页面之间传递值的方法,调剂的视觉效果块内容,包括溢出行为,调整行动,能见度,动画,变换,和过渡。
“天生的内容,自动编号,并列出”描写属性,容许你更改内容的一个组成局部,创立主动编号的章节和题目,跟把持的作风清单的内容。
“分页媒体”描述机能与外观的属性,节制印刷版本的网页,如分页符的行为。
“颜色和背景”描述属性把持背景下的块级元素和颜色的文本内容的组成部门。
“字型”的详细描述性质的文字字体的抉择范畴内的一个因素。讲演还描述属性用于下载字体定义。
“文本”描述属性的特定文字样式,间距和自动滚屏(帐篷) 。
“表格”描述的布局和设计性能表的具体内容。
“用户界面&rdquo,MUX的设计师项目分享 百度搜索客户端;描述属性,波及到用户界面元素在阅读器中,如滚动文字区,转动条,等等。 呈文还描述属性,规模以外的网页内容,如光标的标注样式和显示当您按住触摸触摸目的,如在iPhone上的链接。
1,webkit Box模型

 CSS定义:clip: rect(10px, 5px, 10px, 5px)
 CSS定义:resize:auto;常量:auto, both, horizontal, none, vertical
 CSS定义:visibility:visible;常量: collapse, hidden, visible
 CSS定义:-webkit-transition: opacity 1s linear; 动画效果 ease,linear,ease-in,ease-out,ease-in-out
 CSS定义:-webkit-backface-visibility: visibler; 常量:visible(默认值),hidden
 CSS定义:-webkit-box-reflect: right 1px; 镜向反转
 CSS定义:-webkit-box-reflect:below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
 CSS定义:-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));;CSS遮罩/蒙板后果  
 CSS定义:-webkit-mask-attachment:fixed;  常量:fixed,scroll
 CSS定义:-webkit-perspective: value; 常量:none(默认)
 CSS定义:-webkit-perspective-origin:left top;
 CSS定义:-webkit-transform:rotate(5deg); 
 CSS定义:-webkit-transform-style:preserve-3d; 常量:flat,preserve-3d;(2D与3D)

 


(责任编辑:网站建设)
Safari参考样式库之webkit相关文章
上一篇:QQ空间发光文字实现步骤 下一篇:SEO不适合用于我国企业电子商务
回到顶部