ホームページ  >  記事  >  ウェブフロントエンド  >  学習ノート 1_html/css_WEB-ITnose

学習ノート 1_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:22:57977ブラウズ

1.background-clip: border-boxdefault/padding-box/content-box; 背景は、css3 属性の border/padding/content 領域にクリップされます。対応する記述方法は以下のとおりです。

     -webkit-background-clip: padding-box;     -moz-background-clip: padding;     background-clip: padding-box;<br /><br />二,雪碧图。
CSS Split,中文名CSS雪碧图。简单的就是说,通过背景定位,将许多小的图片放在同一张大图上面,减少HTTP请求次数,加速网站。要做到这一点需要两个技术:      1.CSS技术
   background:#color url(#image_src) #left #top #repeat;参数说明:#color:图片没有显示之前的颜色,透明的话,不填写#image_src:背景图片地址#left:图片水平方向的偏移量#top:图片垂直方向的偏移量#repeat:当容器大于图片大小时,背景扩展方式      2.PS合成图片的定位===============示例:PS制作大图片时,定位一个图片的位置为(10,20)那么CSS应该这样写 background: url("../background.png") 10px 20px no-repeat;
三,
min-width: 160px;_width:160px; 最小宽高度这样写。
 
四,
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);阴影写法。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。