您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. css3.0参考手册 中文版

  2. CSS3.0 中文手册 改变容器的盒模型组成方式。 引擎类型 Gecko Webkit Presto Internet Explorer Box-sizing -moz-box-sizing -webkit-box-sizing -o-box-sizing/box-sizing -ms-box-sizing
  3. 所属分类:Web开发

    • 发布日期:2011-11-14
    • 文件大小:390144
    • 提供者:rendianyu
  1. WebKit 效果全集

  2. Safari参考样式库之webkit (物有所值,10分不少,但是跟我的东西比绝对不多) 目录 A. webkit Box模型 3 B. 可视化格式模型 5 C. 视觉效果 6 D. 生成目录 8 E. 分页媒体 8 F. 颜色与背景 8 G. 字体 10 H. 文字 10 I. 表格 12 J. 用户接口 12 全部的样式都附带了说明的效果图片, 效果与代码之间对比,非常直观 正在 学习 或者 开发HTML/HTML5的codeing们, 对网页界面美化非常重要,网页开发必备
  3. 所属分类:Web开发

    • 发布日期:2012-03-26
    • 文件大小:1048576
    • 提供者:w137223826
  1. 纯css带箭头div

  2. 纯CSS无图片带箭头的DIV方框 div.container{position:absolute; top:30px; left:40px; font-size: 9pt; display:block; height:100px; width:200px; background-color:transparent; *border:1px solid #666; } s{ position:absolute; top:-20px; *top:-22px; left:20px; displa
  3. 所属分类:Javascript

    • 发布日期:2012-05-25
    • 文件大小:2048
    • 提供者:w516292629
  1. Css样式使用

  2. #ddd;padding:10px 0;word-break: keep-all;} .sharelink dt{padding-top:3px;} .sharelink dd a{color:#369;} .sharelink2{padding:10px 0 5px;*padding:10px 0;} .sharelink2 a{margin:0 10px 5px 0;white-space:nowrap;float:left;} .sharelink2 img{float:left;} /
  3. 所属分类:Javascript

    • 发布日期:2012-07-31
    • 文件大小:27648
    • 提供者:addeng
  1. 移动app开发

  2. 一个app开发的集成工具使用案例,基于appcan的开发实例,利用webkit-box进行布局案例
  3. 所属分类:Android

    • 发布日期:2015-10-09
    • 文件大小:1048576
    • 提供者:qq_31868939
  1. css3设置box-pack和box-align让div里面的元素垂直居中

  2. 只要设置元素的box-pack和box-align即可,这两个属性当前只有webkit和moz支持,要设置垂直居中的话只需要将这两个属性的值都设置为center即可,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-09-25
    • 文件大小:27648
    • 提供者:weixin_38527987
  1. CSS3 Notes: -webkit-box-reflect实现倒影的实例

  2. 主要介绍了CSS3 Notes: -webkit-box-reflect实现倒影的实例,具有一定的参考价值,有需要的可以了解一下。
  3. 所属分类:其它

    • 发布日期:2020-09-24
    • 文件大小:70656
    • 提供者:weixin_38514322
  1. CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解

  2. windows 下默认的滚动条样式巨丑,项目中又有比较多地方会显示滚动条, 故回头翻了一下CSS3, 还真能不用插件实现自定义滚动条的样式,正合我意 代码如下: /定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸/ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; } /定义滚动条轨道 内阴影+圆角/ ::-webkit-scrollbar-track {
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:49152
    • 提供者:weixin_38643407
  1. CSS阴影效果的比较之drop-Shadow与box-Shadow

  2. drop-shadow与box-shadow都是阴影效果(光晕效果)的css属性,二者最大的不同点在于:box-shadow只能制作矩形的阴影,而drop-shadow则可以制作和物件不透明区域完全相同形状的阴影。底下是二个css属性的用法: .drop-shadow { -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7)); filter: drop-shadow(12px 12px 7px rgba(0
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:230400
    • 提供者:weixin_38720653
  1. CSS阴影效果的比较之drop-Shadow与box-Shadow

  2. drop-shadow与box-shadow都是阴影效果(光晕效果)的css属性,二者最大的不同点在于:box-shadow只能制作矩形的阴影,而drop-shadow则可以制作和物件不透明区域完全相同形状的阴影。底下是二个css属性的用法: .drop-shadow { -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7)); filter: drop-shadow(12px 12px 7px rgba(0
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:230400
    • 提供者:weixin_38660624
  1. css3设置box-pack和box-align让div里面的元素垂直居中

  2. 以前处理垂直居中用的方法是设置div的height和line-height是一样的值,现在就不用那么麻烦了。只要设置元素的box-pack和box-align即可,这两个属性当前只有webkit和moz支持。其中box-pack控制的是水平的左和右,取值有:start(居左),center(居中),end(居右)。box-align的取值有:start(居上),center(居中),end(居下)。如果我们要设置垂直居中的话只需要将这两个属性的值都设置为center即可。当然了,这个前提是使用c
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:26624
    • 提供者:weixin_38670297
  1. 用CSS3的box-reflect来制作倒影效果

  2. 兼容性 既然是CSS3的属性,我们当然要来看看兼容性:点击查看 接下来,我们来了解box-reflect如何使用? 语法如下: -webkit-box-reflect:none | ? ? box-reflect:none | ? ? 属性说明: none:此值为默认值,表示无倒影; direction:生成倒影的方向 above:指定倒影在对象的上边 below:指定倒影在对象的下边 left:指定倒影在对象的左边 right:指定倒影在对象
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:189440
    • 提供者:weixin_38516658
  1. CSS3 box-sizing属性详解

  2. 简介 box-sizing属性包括content-box(default),border-box,padding-box。      1、content-box,border和padding不计算入width之内      2、padding-box,padding计算入width内      3、border-box,border和padding计算入width之内,其实就是怪异模式了~ 注意: ie8+浏览器支持content-box和border-box; ff则支持全部三个值。 使用时:
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:32768
    • 提供者:weixin_38674992
  1. css -webkit-line-clamp WebKit的CSS扩展(WebKit是私有属性)

  2. -webkit-line-clamp 概述: -webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:   display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:67584
    • 提供者:weixin_38727579
  1. 实例讲解CSS3中的box-flex弹性盒属性布局

  2. box-flex是css3新添加的盒子模型属性,它的出现打破了我们经常使用的浮动布局,实现垂直等高、水平均分、按比例划分。但是它有一定的局限性,在firefox、chrome这浏览器下需要使用它们的私有属性来定义:firefox(-moz)、chrome(-webkit)。 一、box-flex属性box-flex主要让子容器针对父容器的宽度按一定规则进行划分。 CSS Code复制内容到剪贴板     111     222</
  3. 所属分类:其它

    • 发布日期:2020-12-30
    • 文件大小:181248
    • 提供者:weixin_38606206
  1. CSS3 Notes: -webkit-box-reflect实现倒影的实例

  2. 平常我们要实现倒影的效果,一般的做法是使用多个DOM元素绝对定位+scale(负-1)或者rotate。这种方法的缺点是占据空间以及DOM元素过多。 在使用webkit内核的浏览器中(chrome,safari,移动端浏览器),可以使用-webkit-box-reflect属性来实现倒影,语法如下所示 [ above | below | right | left ]? ? ? 该值包涵了三部分:方位+偏移量+遮罩层 方位是必不可少的;在使用遮罩层的时候,偏移量是不可少的,如没有则用零代替 !!
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:70656
    • 提供者:weixin_38562725
  1. node-webkit打包成exe文件被360误报木马的解决方法

  2. 最近项目需要用到node-webkit。处理古老级用户的兼容以及他们心里的‘数据安全’问题。 1、下载完node-webkit 2、制作appName.nw文件 3、copy /b nw.exe+appName.nw  TestAppName.exe 到目前为止,目录下生成了TestAppName.exe文件 ,双击运行很完美。 但,直接将TestAppName.exe换个目录,却打不开。 google+百度的解决方案:使用Enigma Virtual Box工具,打包成exe文件。(Enigm
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:60416
    • 提供者:weixin_38608866
  1. CSS -webkit-box-orient: vertical属性编译后丢失问题详解

  2. 一、起因 需求要求展示两行,多余的文字用三个点替代,于是用了这几个不太规范的属性 display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 后来发现代码里写的好好的,一到页面上居然没有反应,和没写一个样,f12看了下,原来是-webkit-box-orient: vertical;这个属性丢失,导致了不生效,在Styles里把这个属性加上就好了,于是断定是编译过程导致这个属性丢失。 二、解决办法 网上找
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:29696
    • 提供者:weixin_38535132
  1. 纯CSS改变webkit内核浏览器的滚动条样式

  2. 基于webkit的浏览器现在可以自定义其滚动条的样式了,实现代码如下: 复制代码代码如下:::-webkit-scrollbar/*整体部分*/{width: 10px;height:10px;} ::-webkit-scrollbar-track/*滑动轨道*/{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0px;background: rgba(0,0,0,0.1);} ::-webkit-scrollba
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:31744
    • 提供者:weixin_38742460
  1. Boostrap入门准备之border box

  2. 之前在学习Bootstrap的过程中,遇到各种奇葩的坑,如果在学习bootstrap之前,准备工作先做好,就可以或多或少的避开一些坑。下面小编开始给大家介绍border-box这个属性的知识。 在Boostrap自带的css文件:boostrap.css中,有这样一段代码: * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 这意味着在写代码时,这个属性将无处不在
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:51200
    • 提供者:weixin_38704485
« 12 3 4 5 6 »