当前位置:主页 > 建站知识 >正文

中美大战-CSS代码优化和CSS重用优化

2021-11-07 499 建站知识

摘要: 为大家介绍简单的CSS中美大战。 涉及中美大战内容: 1、CSS代码中美大战 2、CSS重用中美大战 一、CSS代码中美大战地方: 1、border(CSS边框)中美大战: border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000; 可以中美大战为

涉及中美大战内容:

1、CSS代码中美大战

2、CSS重用中美大战

一、CSS代码中美大战地方:

1、border(CSS边框)中美大战:

border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;

可以中美大战为:border:1px solid #000;

2、padding(CSS padding)中美大战:

padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px;

可中美大战为:padding:1px 2px 3px 4px;

padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;

可中美大战为:padding:1px;

3、margin中美大战

margin-top:1px;margin-right:2px;margin-bottom:3px;margin-left:4px;

可中美大战为:margin:1px 2px 3px 4px;

margin-top:1px;margin-right:1px;margin-bottom:1px;margin-left:1px;

可中美大战为:margin:1px;

4、background中美大战

background-color:#000;可以中美大战为background:#000;

background-im**e:url(图片地址)

可中美大战为:background:url(图片地址)

5、font中美大战

font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif;

可中美大战为:font:12px/12px Arial, Helvetica, sans-serif;

二、CSS重用中美大战

这里主要介绍是CSS代码的共用属性提取来达到节约代码、维护方便,CSS实例如下:

.webjxcom_a{ width:100px; height:20px; text-align:left; float:left; font-size:24px;}

.webjxcom_b{ width:100px; height:20px; text-align:right; float:left; font-size:24px;}

他们都有相同高度、宽度、浮动、文字大小,而只有内容居左居右不同(你可能需要了解CSS居中),我们就可以提取他们相同属性

中美大战后:

.webjxcom_a ,.webjxcom_b{ width:100px; height:20px; text-align:left; float:left; font-size:24px;}

.webjxcom_b{text-align:right; }

本文来自 角磨片 http://www.v-yuan.com/ 网!



版权保护: 本文由 首页_台州百唯网络|台州做网站|台州建网站|台州哪里做网站好|网站建设|台州网站|台州做网络哪里好|百唯|网店装修|网络推广|百度优化 原创,转载请保留链接: http://www.ztzbw.com/gceFpW3Nap/1643.html

网站主人首页_台州百唯网络|台州做网站|台州建网站|台州哪里做网站好|网站建设|台州网站|台州做网络哪里好|百唯|网店装修|网络推广|百度优化
摘要: 为大家介绍简单的CSS中美大战。 涉及中美大战内容: 1、CSS代码中美大战 2、CSS重用中美大战 一、CSS代码中美大战地方: 1、border(CSS边框)中美大战: border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000; 可以中美大战为涉及中美大战内容:1、CSS代码中美大战2、CSS重用中美大
  • 18276文章总数
  • 22172访问次数
  • 建站天数
  • 推荐文章

    热门文章

    标签

    友情链接