`
FanfanWing
  • 浏览: 61944 次
  • 性别: Icon_minigender_1
  • 来自: 澳门
社区版块
存档分类
最新评论

css 应用汇总

阅读更多
  • margin: 0 auto 上下距离为0,左右距離自適應,設置了寬度就會居中

margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;

  • overflow:hidden A设置了这个属性:当A没有设置高度值,B就会撑开A, 当A设置了高度,无论B有多高,超出的部分都会被隐藏。
  • overflow:hidden A设置了这个属性:B浮动于A的右方

<div id="A">
 <div id="B"></div>
</div>


  • 如果直接设置#B{float:right} 则B会出现在自己的右侧,而不是A的右侧

#A {float:left}
#A #B{float:right}


  • Clip用法
  • 语法:
    clip : auto | rect ( number number number number )
    取值:
    auto  :  默认值。对象无剪切
    rect ( number number number number )  :  依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用 auto 替换,即此边不剪切

    说明:
    检索或设置对象的可视区域。可视区域外的部分是透明的。
    此属性定义了绝对(absolute)定位对象可视区域的尺寸。必须将 position 属性的值设为 absolute ,此属性方可使用。
    自IE5开始,此属性在MAC平台上可用。
    对应的脚本特性为 clip 。
分享到:
评论

相关推荐

    精通CSS高级Web标准解决方案

    本书最后的两个实例研究将书中讨论的许多技术组合起来,使读者不仅理解工作原理,而且能够学到如何将它们应用在实际项目中,迅速精通CSS,成为CSS专家。 本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和...

    精通CSS高级Web标准解决方案-包含源码(高清PDF中文版)

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后...

    CSS常用属性大全

    详细的汇总了CSS常用属性,css+div配合。适合初学者或或以适应着查询。

    精通CSS高级web标准解决方案代码

     本书最后的两个实例研究将书中讨论的许多技术组合起来,使读者不仅理解工作原理,而且能够学到如何将它们应用在实际项目中,迅速精通CSS,成为CSS专家。 &lt;br&gt; 本书将最有用的CSS技术汇总在一起,在介绍...

    《精通CSS高级WEB标准解决方案》part2

    将书中讨论的许多技术组合起来,给出了两个实例研究,这两个实例研究将书中讨论的许多技术组合起来,使读者不仅理解工作原理,而且能够学到如何将它们应用在实际项目中,迅速精通CSS,成为CSS专家。本书还集中介绍了...

    HTML、CSS、JS技术实现手势锁实现、动态按钮效果、画布应用、时钟设计效果等收藏汇总.zip

    该项目是一个包含多个前端技术Demo的精选集合。...项目中的Demo覆盖了各种主题,比如手势锁实现、动态按钮效果、画布应用、时钟设计、组件收集等。每个示例都附有详细的代码和注释,方便用户学习和修改。。

    《精通CSS高级WEB标准解决方案》part1

    将书中讨论的许多技术组合起来,给出了两个实例研究,这两个实例研究将书中讨论的许多技术组合起来,使读者不仅理解工作原理,而且能够学到如何将它们应用在实际项目中,迅速精通CSS,成为CSS专家。本书还集中介绍了...

    《CSS全程指南》随书光盘

    本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和最佳实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计等。每一章内容由浅入深,直到建立比较复杂的示例。之后本书又着重讨论如何使用DIV...

    浏览器特定的CSS Hacks汇总

    我不再使用CSS Hacks了,相反的是,我将使用IE的条件判断将类应用到body标签。 但是,我想记录我之前碰到过的每一个浏览器特定的CSS 选择器和样式属性。我相信也没有其他方式提供样式表给独特的Safari. 利用这些...

    12个CSS高级技巧汇总

    CSS Code复制内容到剪贴板 /* add border */  .nav li { border-right: 1px solid #666; } 然后再除去最后一个元素…… //* remove border */  .nav li:last-child { border-right: ...

    DIV CSS常见错误汇总

    应用应用DIV CSS编码时很容易犯一些错误。本文列举了一些常见的错误:  1. 检查HTML元素是否有拼写错误、是否忘记结束标记  即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。...

    css笔记(各个小知识点的总结)

    把css的每个知识点详细的汇总到一起,条理清晰,内容丰富,方便你的查阅。

    CSS样式不起作用?史上最全解决方法汇总

    在我们写页面时,有时会发现自己写的css样式无法生效,导致这种现象的原因有很多,下面...浏览器的‘F12’元素审核,看看哪些样式没有应用上。 看看自定义的CSS样式引入标签是否放在bootstrap框架样式引用之后,确保

    sapper-template-rollup:使用postcss,purgecss,cssnano,tailwindcss和svelte预处理的Sapper应用程序的启动程序汇总模板

    # for Rollup with postcss, purgecss, cssnano, tailwindcss and svelte-preprocess npx degit " nhristov/sapper-template-rollup#main " my-app 是一种脚手架工具,可让您从存储库中的分支创建目录。 将my-app...

    CSS样式不起作用(史上最全解决方法汇总)

    在我们写页面时,有时会发现自己写的css样式无法生效,导致这种现象的原因有很多,下面列举一些常见的原因希望可以帮到你,欢迎评论区补充。 浏览器缓存问题 如果你反复检查认为代码没有问题,那么可能是浏览器缓存...

    20 个 CSS 高级技巧汇总(推荐)

    下面是我收集的CSS高级技巧,希望你懒出境界。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter:...

    web前端开发工程师必会12 个 CSS 高级技巧汇总

     使用 :not() 在菜单上应用/取消应用边框  给body添加行高  所有一切都垂直居中  逗号分隔的列表  使用负的 nth-child 选择项目  对图标使用SVG  优化显示文本  对纯CSS滑块使用 max-height  继承 box-...

    inactive-css:CSS属性何时无效的规则列表

    这可能取决于当前对其应用了哪些其他属性,元素的类型,其父元素或该属性所包含CSS规则。 一个简单但常见的示例是尝试在内联级别元素(如上设置width 。 CSS中有太多的属性,并且可以通过多种方式组合它们,以至于...

Global site tag (gtag.js) - Google Analytics