求教css中元素的auto属性值是什么意思，比如margin:0 auto表示什么？ CSS中#是什么意思
CSS\u662f\u5e72\u4ec0\u4e48\u7528\u7684\uff1f\u5c42\u53e0\u6837\u5f0f\u8868(\u82f1\u6587\u5168\u79f0\uff1aCascading Style Sheets)\u662f\u4e00\u79cd\u7528\u6765\u8868\u73b0HTML\uff08\u6807\u51c6\u901a\u7528\u6807\u8bb0\u8bed\u8a00\u7684\u4e00\u4e2a\u5e94\u7528\uff09\u6216XML\uff08\u6807\u51c6\u901a\u7528\u6807\u8bb0\u8bed\u8a00\u7684\u4e00\u4e2a\u5b50\u96c6\uff09\u7b49\u6587\u4ef6\u6837\u5f0f\u7684\u8ba1\u7b97\u673a\u8bed\u8a00\u3002
CSS\u4e0d\u4ec5\u53ef\u4ee5\u9759\u6001\u5730\u4fee\u9970\u7f51\u9875\uff0c\u8fd8\u53ef\u4ee5\u914d\u5408\u5404\u79cd\u811a\u672c\u8bed\u8a00\u52a8\u6001\u5730\u5bf9\u7f51\u9875\u5404\u5143\u7d20\u8fdb\u884c\u683c\u5f0f\u5316\u3002
CSS \u80fd\u591f\u5bf9\u7f51\u9875\u4e2d\u5143\u7d20\u4f4d\u7f6e\u7684\u6392\u7248\u8fdb\u884c\u50cf\u7d20\u7ea7\u7cbe\u786e\u63a7\u5236\uff0c\u652f\u6301\u51e0\u4e4e\u6240\u6709\u7684\u5b57\u4f53\u5b57\u53f7\u6837\u5f0f\uff0c\u62e5\u6709\u5bf9\u7f51\u9875\u5bf9\u8c61\u548c\u6a21\u578b\u6837\u5f0f\u7f16\u8f91\u7684\u80fd\u529b\u3002
\u6269\u5c55\u8d44\u6599\uff1a
CSS\u7684\u7279\u70b9\uff1a
1\u3001\u4e30\u5bcc\u7684\u6837\u5f0f\u5b9a\u4e49
CSS\u63d0\u4f9b\u4e86\u4e30\u5bcc\u7684\u6587\u6863\u6837\u5f0f\u5916\u89c2\uff0c\u4ee5\u53ca\u8bbe\u7f6e\u6587\u672c\u548c\u80cc\u666f\u5c5e\u6027\u7684\u80fd\u529b\uff1b\u5141\u8bb8\u4e3a\u4efb\u4f55\u5143\u7d20\u521b\u5efa\u8fb9\u6846\uff0c\u4ee5\u53ca\u5143\u7d20\u8fb9\u6846\u4e0e\u5176\u4ed6\u5143\u7d20\u95f4\u7684\u8ddd\u79bb\uff0c\u4ee5\u53ca\u5143\u7d20\u8fb9\u6846\u4e0e\u5143\u7d20\u5185\u5bb9\u95f4\u7684\u8ddd\u79bb\uff1b\u5141\u8bb8\u968f\u610f\u6539\u53d8\u6587\u672c\u7684\u5927\u5c0f\u5199\u65b9\u5f0f\u3001\u4fee\u9970\u65b9\u5f0f\u4ee5\u53ca\u5176\u4ed6\u9875\u9762\u6548\u679c\u3002
2\u3001\u6613\u4e8e\u4f7f\u7528\u548c\u4fee\u6539
CSS\u53ef\u4ee5\u5c06\u6837\u5f0f\u5b9a\u4e49\u5728HTML\u5143\u7d20\u7684style\u5c5e\u6027\u4e2d\uff0c\u4e5f\u53ef\u4ee5\u5c06\u5176\u5b9a\u4e49\u5728HTML\u6587\u6863\u7684header\u90e8\u5206\uff0c\u4e5f\u53ef\u4ee5\u5c06\u6837\u5f0f\u58f0\u660e\u5728\u4e00\u4e2a\u4e13\u95e8\u7684CSS\u6587\u4ef6\u4e2d\uff0c\u4ee5\u4f9bHTML\u9875\u9762\u5f15\u7528\u3002\u603b\u4e4b\uff0cCSS\u6837\u5f0f\u8868\u53ef\u4ee5\u5c06\u6240\u6709\u7684\u6837\u5f0f\u58f0\u660e\u7edf\u4e00\u5b58\u653e\uff0c\u8fdb\u884c\u7edf\u4e00\u7ba1\u7406\u3002
3\u3001\u591a\u9875\u9762\u5e94\u7528
CSS\u6837\u5f0f\u8868\u53ef\u4ee5\u5355\u72ec\u5b58\u653e\u5728\u4e00\u4e2aCSS\u6587\u4ef6\u4e2d\uff0c\u8fd9\u6837\u6211\u4eec\u5c31\u53ef\u4ee5\u5728\u591a\u4e2a\u9875\u9762\u4e2d\u4f7f\u7528\u540c\u4e00\u4e2aCSS\u6837\u5f0f\u8868\u3002CSS\u6837\u5f0f\u8868\u7406\u8bba\u4e0a\u4e0d\u5c5e\u4e8e\u4efb\u4f55\u9875\u9762\u6587\u4ef6\uff0c\u5728\u4efb\u4f55\u9875\u9762\u6587\u4ef6\u4e2d\u90fd\u53ef\u4ee5\u5c06\u5176\u5f15\u7528\u3002\u8fd9\u6837\u5c31\u53ef\u4ee5\u5b9e\u73b0\u591a\u4e2a\u9875\u9762\u98ce\u683c\u7684\u7edf\u4e00\u3002
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1-CSS
CSS\u6837\u5f0f\u91cc
#infont{}
\u8fd9\u4e2a\u6837\u5f0f\u662f\u7528ID\u6765\u8c03\u7528\u7684
.infont{}
\u8fd9\u4e2a\u6837\u5f0f\u662f\u7528CLASS\u6765\u8c03\u7528\u7684
把一个属性的值设置为auto，就是让各个浏览器对该属性使用各自的默认值。
定义一个方向为auto，让浏览器自动选择合适的margin（页边距）大小；
margin:0 auto可以实现水平居中，其相当于margin：0，auto，0，auto
margin:auto = margin:auto auto auto auto;
margin:0 auto = margin:0 auto 0 auto;
margin:n m p q表示该元素上外边bai距为n，右外边距为m，下外边距为p，左外边距为q，即 margin:上 右 下 左 ，逆时针一圈。
扩展资料：
“margin:20px;”表示四个方向的外边距都是20px；
“margin:20px 40px;”表示top为20px，right为40px；由于bottom和left缺省，所以自动将它们分别设为20px和40px。转化为第4种写法为：“margin:20px 40px 20px 40px;”。
“margin:20px 40px 60px;”表示top为20px，right为40px，bottom为60px；由于left缺省，所以自动将它设为40px。转化为第4种写法为：“margin:20px 40px 60px 40px;”。
参考资料来源：百度百科-margin
定义一个方向为auto，让浏览器自动选择合适的margin（页边距）大小；
margin:0 auto可以实现水平居中，其相当于margin：0，auto，0，auto
把一个属性的值设置为auto，就是让各个浏览器对该属性使用各自的默认值。
首先你要知道,margin后面是有4个参数的。例如：margin:1px 1px 1px 1px
分别表示 上、右、下、左。如果只写2个参数的话，比如：margin：1px 2px
那么着是代表 上下都为1px 左右都为2px.
至于居中，很明显，margin:0 auto 是标准的写法！明白？？
css中的auto是自动适应的意思，而在css中auto往往都是默认值。
正如margin:0 auto，意思就是上下边距为0，左右边距为auto，就是自动适应。
但是，如果要使用他的话，就必须给标签配上指定的宽度，如下：
<div class="center">居中</div>
<style type="text/css">
.center{
width:200px;
height:200px;
margin:0 auto;
background-color:yellow;
}
</style>
另外，margin:0 auto 和 margin: 0 auto 0 auto 的效果是相同的。
都是指的上下边距为0，左右边距自动适应宽度相等。
绛旓細鎶婁竴涓灞炴х殑鍊艰缃负auto锛屽氨鏄鍚勪釜娴忚鍣ㄥ璇ュ睘鎬т娇鐢ㄥ悇鑷殑榛樿鍊笺傚畾涔変竴涓柟鍚戜负auto锛岃娴忚鍣ㄨ嚜鍔ㄩ夋嫨鍚堥傜殑margin锛堥〉杈硅窛锛夊ぇ灏忥紱margin:0 auto鍙互瀹炵幇姘村钩灞呬腑锛屽叾鐩稿綋浜巑argin锛0锛宎uto锛0锛宎uto margin:auto = margin:auto auto auto auto;margin:0 auto = margin:0 auto 0 auto;mar...
绛旓細CSS涓璦uto鏄粈涔堟剰鎬濓紵鍦–SS涓紝auto琛ㄧず鑷姩銆傞氬父鎯呭喌涓嬶紝瀹冪敤浜庢寚瀹氫竴涓厓绱犵殑澶у皬鎴栦綅缃紝浣垮叾鑷姩閫傚簲鍏跺唴瀹规垨鐖跺厓绱犮備緥濡傦紝褰撳厓绱犵殑瀹藉害璁剧疆涓篴uto鏃讹紝瀹冨皢鑷姩鎵╁睍鍒板叾鐖跺厓绱犵殑瀹藉害銆傚悓鏍峰湴锛屽綋涓涓厓绱犵殑灞呬腑瀵归綈灞炴ц缃负auto鏃讹紝瀹冨皢鏍规嵁鍐呭鑷姩灞呬腑銆侫uto涓庡叾浠栧睘鎬х殑鍏崇郴 Auto鏄疌SS涓殑涓...
绛旓細鍦╟ss涓紝auto鑻辨枃鍏ㄧО鏄渁utomatical鈥濓紝涓枃鎰忔濅负鈥滆嚜鍔ㄩ傚簲鈥濓紝auto寰寰閮芥槸榛樿鍊銆傚鏋滃湪CSS涓病鏈夌粰灞炴ц缃硷紝閭ｄ箞娴忚鍣ㄥ鎴风灏嗕細鍙栬灞炴х殑鍒濆鍊艰繘琛屾覆鏌擄紝涔熷氨鏄牴鎹祻瑙堝櫒鑷傚簲銆侰SS鏍峰紡涓紝height:auto鍜宧eight:100%鏈変粈涔堝尯鍒 height:auto浠ｈ〃鐨勬剰鎬濆氨鏄珮搴﹂殢鍗筹紝鏍规嵁div鍜孋SS鏍峰紡琛ㄧ殑...
绛旓細css涓殑auto鏄嚜鍔ㄩ傚簲鐨勬剰鎬濓紝鑰屽湪css涓璦uto寰寰閮芥槸榛樿鍊銆俓x0d\x0a\x0d\x0a姝ｅmargin:0 auto锛屾剰鎬濆氨鏄笂涓嬭竟璺濅负0锛屽乏鍙宠竟璺濅负auto锛屽氨鏄嚜鍔ㄩ傚簲銆俓x0d\x0a浣嗘槸锛屽鏋滆浣跨敤浠栫殑璇濓紝灏卞繀椤荤粰鏍囩閰嶄笂鎸囧畾鐨勫搴︼紝濡備笅锛歕x0d\x0a灞呬腑\x0d\x0a\x0d\x0a.center{\x0d\x0a...
绛旓細1銆佸弬鏁拌瑙 margin:auto = margin:auto auto auto auto;margin:0 auto = margin:0 auto 0 auto;margin:n m p q琛ㄧず璇鍏冪礌涓婂杈硅窛涓簄锛屽彸澶栬竟璺濅负m锛屼笅澶栬竟璺濅负p锛屽乏澶栬竟璺濅负q锛屽嵆 margin:涓 鍙 涓 宸 锛岄嗘椂閽堜竴鍦堛2銆佸疄渚嬭鏄 margin鍚庨潰鏄湁4涓弬鏁鐨銆備緥濡傦細margin:1px 2px 3px ...
绛旓細涓銆亀idth锛auto 1銆佸潡绾鍏冪礌榛樿鐨瀹藉害鍊硷紝鎰忓懗鐫娴忚鍣ㄤ細鑷繁閫夋嫨涓涓悎閫傜殑瀹藉害鍊笺 2銆佸唴瀹圭殑瀹藉害='margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' 濡傛灉margin-left' + 'border-left-width' + 'padding-...
绛旓細CSS margin 灞炴 璁剧疆澶栬竟璺濈殑鏈绠鍗曠殑鏂规硶灏辨槸浣跨敤 margin 灞炴с margin 灞炴ф帴鍙椾换浣曢暱搴﹀崟浣,鍙互鏄儚绱犮佽嫳瀵搞佹绫虫垨 em銆 margin 鍙互璁剧疆涓 auto銆傛洿甯歌鐨勫仛娉曟槸涓哄杈硅窛璁剧疆闀垮害鍊笺備笅闈㈢殑澹版槑鍦 h1 鍏冪礌鐨鍚勪釜杈逛笂璁剧疆浜 1/4 鑻卞瀹界殑绌虹櫧: h1 {margin : 0.25in;} 涓嬮潰鐨勪緥瀛愪负 h1 鍏冪礌鐨勫洓涓竟...
绛旓細1銆佹剰鎬濅笉鍚屻俶argin:auto=margin:auto auto auto auto锛岃〃绀轰笂涓嬪乏鍙抽兘涓篴uto锛沵argin:0 auto=margin:0 auto 0 auto锛岃〃绀轰笂涓嬩负0锛屽乏鍙充负auto锛2銆佸眳涓柟寮忎笉鍚屻俶argin:auto琛ㄧず妯珫閮藉眳涓紝margin: 0 auto琛ㄧず妯眳涓紝绔栦笉灞呬腑锛沵argin鍚庨潰涓鑸細璺4涓弬鏁帮紝濡俶argin:1px銆1px銆1px銆1px锛屽垎鍒...
绛旓細margin-right:auto; margin-left:auto;auto浠ｈ〃鏍峰紡鑷姩閫傚簲锛沵argin浠ｈ〃杈硅窛锛宮argin-right:auto鍜宮argin-left:auto鎰忔濇槸宸﹀彸杈硅窛鑷姩閫傚簲锛沴ine-height琛ㄧず姣忚琛岄珮锛屼篃鍙悊瑙ｄ负琛岄棿璺
