一大堆关于css列表的疑问(高手进) 高手进。懂的进。CSS样式表问题。跪求。谢谢
\u5173\u4e8eCSS\u95ee\u9898\uff1f\uff1f\uff08\u9ad8\u624b\u8fdb\uff01\uff09expression\u5373\u8868\u8fbe\u5f0f\uff0c\u62ec\u53f7\u91cc\u7684\u5c31\u662f\u8868\u8fbe\u5f0f;
\u5e73\u5e38\u5728top\u4e3a\u5b9a\u503c\u7684\u60c5\u51b5\u4e0b\u6211\u4eec\u5199\u6210:
style="top:100"
\u8fd9\u6837\u8868\u793a\u5f15\u7528\u8be5\u6837\u5f0f\u7684\u5bf9\u8c61\u7684top\u5c5e\u6027\u4e3a100\u3002
\u4e0a\u9762\u7684\u5199\u6cd5\u53ef\u7406\u89e3\u4e3a\u4e3a\u4e0d\u5b9a\u503c\u7684\u5199\u6cd5\u3002
expression()\u65b9\u6cd5\u6bd4\u4e00\u822c\u7684\u65b9\u6cd5\u8017\u5185\u5b58\uff0c\u56e0\u6b64\u4e0d\u63a8\u8350\u4f7f\u7528\uff0c\u5728\u9700\u8981\u5b9e\u73b0\u7279\u5b9a\u7684\u529f\u80fd\u7684\u5b9e\u73b0\u53ef\u4f7f\u7528\uff0c\u5c31\u5f53\u7406\u89e3\u4e0b\u5c31\u7b97\u4e86\u3002
\u6807\u7b7e\u76f8\u5f53\u4e8e\u662f\u4e00\u5757\u6728\u677f\uff0c\u7c7b\u6216\u8005ID\u76f8\u5f53\u4e8e\u4e00\u5f20\u8d34\u7eb8\uff0c\u5f53\u4f60\u5c06\u67d0\u4e2a\u7c7b\u6216ID\u5b9a\u4e49\u5230\u67d0\u4e2a\u6807\u7b7e\u4e0a\u65f6\uff0c\u4e5f\u5c31\u7b49\u4e8e\u662f\u5c06\u4e00\u5f20\u8d34\u7eb8\u8d34\u4e0a\u4e86\u90a3\u5757\u6728\u677f\u3002
\u6bd4\u5982\uff1a
.fasdf{width:234px;height:256px;}
\u5982\u4e0a\uff0c\u8fd9\u4e2aDIV\u5c31\u88ab\u5b9a\u4e49\u4e3a\u4e00\u4e2a\u5bbd234\u50cf\u7d20\uff0c\u9ad8256\u50cf\u7d20\u7684\u683c\u5b50\uff0c\u4f60\u53ef\u4ee5\u5728\u8fd9\u4e2a\u683c\u5b50\u4e2d\u653e\u4efb\u4f55\u4e1c\u897f\u3002
\u540c\u4e00\u4e2a\u6807\u7b7e\u53ef\u4ee5\u5141\u8bb8\u6709\u591a\u4e2a\u7c7b\u548cID\uff0c\u5982\u679c\u6709\u76f8\u540c\u7684\u5b9a\u4e49\u5219\u6700\u540e\u4e00\u4e2a\u8986\u76d6\u6389\u524d\u9762\u7684\u3002
\u6bd4\u5982\uff1a
.fasdf{width:234px;height:256px;}
.fasdf1{background:#fff;}
.fasdf2{background:#000;}
\u4e0a\u9762\u4ee3\u7801\u8868\u793a\u4e00\u4e2a\u5bbd234\u9ad8256\u80cc\u666f\u9ed1\u8272\u7684\u683c\u5b50\uff0c\u56e0\u4e3afasdf1\u4e0efasdf2\u5b9a\u4e49\u76f8\u540c\uff0c\u6240\u4ee5\uff0c\u6d4f\u89c8\u5668\u4f1a\u53ea\u8ba4\u6700\u540e\u4e00\u4e2afasdf2\uff0c\u524d\u4e00\u4e2a\u80cc\u666f\u5b9a\u4e49\u4f1a\u88ab\u8986\u76d6\u6389\u3002
\u6240\u6709\u7684\u9009\u62e9\u5668\u90fd\u53ef\u4ee5\u6307\u5b9a\u5230\u67d0\u4e00\u4e2a\u6807\u7b7e
\u6bd4\u5982
p{line-height:24px;color:#f00;}
.afs{}
.afs p{line-height:35px;color:#ccc;}
dsafasdgfasfafsad
dsafasdgfasfafsad
\u5982\u4ee5\u4e0a\u6240\u793a\uff0c\u7b2c\u4e00\u884cp\u7684\u5185\u5bb9\u663e\u793a\u4e3a\u7ea2\u8272\uff0c\u884c\u9ad824\uff0c
\u7b2c\u4e8c\u884c\u5185\u5bb9\u663e\u793a\u4e3a\u7070\u8272\uff0c\u884c\u9ad835\uff0c
\u53e6\u5916\u8fd8\u6709\u5f88\u591a\uff0c\u6211\u89c9\u5f97\u4f60\u5e94\u8be5\u627e\u4e9b\u5173\u4e8eCSS\u65b9\u9762\u7684\u6559\u6750\u6765\u770b\u770b\uff0c\u5f88\u7b80\u5355\u7684\uff0c3\u5929\u5c31\u5dee\u4e0d\u591a\u4f1a\u4e86\u3002
1。
ul,ol{
list-style-type:none
}
ol在不浮动的情况下才会显示序号 设置显示的序号的类型
list-style-type
disc : 默认值。实心圆
circle : 空心圆
square : 实心方块
decimal : 阿拉伯数字
lower-roman : 小写罗马数字
upper-roman : 大写罗马数字
lower-alpha : 小写英文字母
upper-alpha : 大写英文字母
none : 不使用项目符号
还有其他的值：但是CSS1部分不支持
disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
2。列表默认的显示为纵向 要横向有2办法：
（1）display:inline;
(2) float:left; 对象向左浮动 也就是所有的都一个挨着一个的向左靠齐
其实block你可以这样理解 让其宽度或者响应区为整个父标签的100%
比如你把<a>11111</a>放在一个div里 不做CSS定义的话 只有11111那几个字才能响应鼠标
如果你给a 加上<a style="display:block"><11111>再试一下呢 你就知道了
3。如果是对ul ol的居中的话 可以给他加个样式
简单的说 在DIV里居中不能再用align=center了
应该用
div{
margin:0 auto;
}
因为div是个块级元素 默认宽度为100% 所以div的居中就是在div有宽度的情况下才能实现的
ul的居中
首先定义 ul,ol{margin:0;padding:0}
给ul加个外包围
<div> <ul></ul> </div>
定义div 文字内容居中 然后定义ul内容左对齐就可以了
4。float:center 不这样的说法吧`````
float:none还差不多````上面我已经说了 更多的 请下载手册看
5。横向的li 之间需要距离 有几种办法 简单说一下
（1）margin-right:对象外部右方的距离
（2）padding-right: 对象内部右方的距离
（3）直接给已经block的li 加一个宽度
6。次序其实倒不是很重要了
你去下载一个topstyle 里面有自动排序的功能
margin-top: 10px;
margin-right: 3px ;
margin-bottom: 5px ;
margin-left:7px;
可以这样写 margin{10px 3px 5px 7px}
background-color:#CC6699;
可以这样写
background:#C69;
累啊累啊累啊累啊累啊累啊累啊
这么多，怎么答啊，没心情看
绛旓細鍏坆ase鏍峰紡 鐨勮瘽鎵鏈夋祻瑙堝櫒榛樿鏍峰紡琚噸缃紝椤甸潰姝ｅ父鏄剧ず銆備綘鐨勬柟娉曪紝鍏堟樉绀猴紝鍚巄ase鏍峰紡瑕嗙洊锛屽彲鑳界湅鍒伴〉闈㈢殑鍙樺姩锛岃櫧鐒舵瀬鍏剁煭鏆傦紝浣嗛〉闈㈣繃澶ф垨鑰呭姞杞借繃鎱㈠氨浼氬緢鏄庢樉銆傛瘮濡傦紝鍏冪礌P鍦ㄤ笉鍚屾祻瑙堝櫒榛樿琛岃窛鏄笉鍚岀殑锛屽亣璁句綘page鏍峰紡娌¤缃甈鐨勯棿璺濓紝閭ｄ箞P鐨勯棿璺濅负娴忚鍣ㄩ粯璁ら棿璺濓紝鍋囪15px锛岀劧鍚庡姞杞戒簡浣犵殑 ...
绛旓細h1鍜宧2鐨勯粯璁ゅ瓧浣撴槸涓嶄竴鏍峰ぇ鐨勶紝h1瑕佹瘮h2鐨勫瓧鍙峰ぇ锛宧2姣攈3鐨勫ぇ锛屼緷娆＄被鎺ㄣ傛兂璁╁畠浠竴鏍峰ぇ锛屽姞涓瓧鍙烽檺鍒跺氨琛屼簡锛屾瘮濡傞兘鏄剧ず鎴18px澶у皬锛屽涓嬶細H1,H2 {color:limegreen;font-family:Arial; font-size:18px;} 鍦ㄦ牱寮忛噷闈㈠姞涓婁竴涓猣ont-size:18px; 灏監K浜 ...
绛旓細width 鏄搴︼紝height鎵嶆槸楂樺害 鍦ㄤ娇鐢╰able琛ㄦ牸杩涜椤甸潰甯冨眬鏃讹紝缁忓父浣跨敤灏嗚〃鏍奸珮搴﹁缃畇tyle="height:100%"鏉ュ疄鐜拌〃鏍奸珮搴︽弧灞忔晥鏋滐紝浣嗗湪鏈鏂扮殑娴忚鍣ㄤ腑缁忓父閬囧埌鏃犳晥锛屾牴鏈師鍥犲湪浜庢祻瑙堝櫒浣跨敤鐨勫伐浣滄ā寮忕殑涓嶅悓閫犳垚鐨勶紱鍦‵irefox涓嶪E8鏍囧噯妯″紡涓嬶紝HTML涓嶣ody鏍囩榛樿鏄病鏈夐珮搴︼紙鍗抽珮搴︿负0锛 锛岃屾槸鏍规嵁鍏朵腑...
绛旓細Position鐨勭櫨鍒嗘瘮锛屼笌鏀句粬鐨勫鍣ㄥぇ灏鏈夊叧 浣犵殑鏄 100 * 400 鐨勫暐 閭ｄ箞 y = 400(鍥鹃珮) - 100(瀹瑰櫒楂) = 300 * 33.3% = 100 濡傛灉瀹瑰櫒 闈炲父澶 姣斿 800 閭ｄ箞 y = 400 - 800 = -400 * - 25% = 100锛屽洜姝や綘璁剧疆浣犵殑position锛0 -25 甯屾湜鑳藉府鍒颁綘 ...
绛旓細鎮ㄥソ锛屾劅璋㈡偍瀵圭伀鐙愮殑鏀寔 琛岄珮瀹氫箟鏄細line-height:40px;鎮ㄥ畾涔夌殑涓嶆纭紝鎵浠ヤ竴寮濮嬭繖涓噸瑕佸睘鎬у氨閿欒浜嗐傛偍鍙互鍦ㄧ伀鐙愬畼鏂圭綉绔欎笅杞界伀鐙愭祻瑙堝櫒锛屽湪鐏嫄绀惧尯浜嗚В鏇村鍐呭銆傚笇鏈涙垜鐨勫洖绛斿鎮ㄦ湁鎵甯姪锛屽鏈鐤戦棶锛屾杩庣户缁湪鏈钩鍙板挩璇
绛旓細12px}#tab2 a:link{color:#E37272}#tab2 a:visited{color:#E37272}---浠ヤ笂浠ｇ爜鏄富椤祙鍗氬|鐩稿唽|涓汉妗ｆ|绠＄悊涓績 闅忔剰鏇存崲鍥剧墖,css浠ｇ爜鍙傛暟鏍规嵁鑷繁鐨勯渶瑕佹潵淇锛岃缁撳悎浠ヤ笂浠ｇ爜鏉ヤ慨鏀癸紝濡傛湁鐤戦棶璇风暀瑷锛屾垨hi~
绛旓細鏄殑锛岃繖涓唬鏇挎柟娉曚篃绠鍗 鎸夌収浣犵殑缁撴瀯鎶婂浘鐗囩殑瀹介珮鍦╝鏍囩閲屽啀鍐欎竴閬嶅氨璧峰埌鏁堟灉浜 ul li a{display:block;width:110px;height:80px;} 杩涗竴姝ョ殑璇濇妸img涔熷啓杩涘幓 ul li a, ul li a img{display:block;width:110px;height:80px;} 浠嶆湁鐤戦棶锛岀珯鍐呮秷鎭 ...
绛旓細灏婃暚鐨勭敤鎴凤紝鎮ㄥソ锛佸緢楂樺叴涓烘偍绛旂枒銆備笉鐭ラ亾鎮ㄥ叿浣撶殑瀹炵幇鏂瑰紡锛屼絾鏄嵁鎮ㄦ彁渚涚殑鐣岄潰鎺ㄦ柇锛屾偍鐨刲i涓病鏈夊皢鍒楄〃绗﹂殣钘忋傝岃鎯宠揪鍒版偍鐨勮繖绉嶆樉绀烘晥鏋滐紝涓鑸槸闇瑕佸厛闅愯棌鍒楄〃绗﹀啀鍦ㄧ浉搴斾綅缃浛鎹笂鍥剧墖瀹炵幇鐨勶紝鐩存帴鏇挎崲鍒楄〃绗︾殑鏂瑰紡涓嶆槸琚墍鏈夋祻瑙堝櫒鐨凙PI鎵鏀寔鐨勩傚笇鏈涙垜鐨勫洖绛斿鎮ㄦ湁鎵甯姪锛屽鏈鐤戦棶锛屾杩...
绛旓細鏃╂湡Web 寮鍙戞椂鏈変竴绉嶈娉 璇锋眰澶浼氬奖鍝嶉〉闈㈡ц兘 濡傛灉鎮ㄧ煡閬撴湁浠涔堟妧宸у彲浠ュ噺灏戠綉椤垫墍瑙﹀彂鐨 HTTP 璇锋眰鏁 灏藉彲鑳戒娇鐢ㄨ繖浜涙柟娉曞惂 闅忕潃缃戦〉涓秺鏉ヨ秺澶氬湴濉厖浜嗕赴瀵岀殑瑙嗚鍐呭 涓嬭浇 CSS 鑴氭湰鍜屽浘鍍忕瓑鐩稿叧璧勬簮鎵闇鐨勬垚鏈樉钁楁攢鍗 姣棤鐤戦棶 鍦ㄥぇ澶氭暟鎯呭喌涓 杩欎簺璧勬簮鍙敱娴忚鍣ㄧ紦瀛樺埌鏈湴 浣嗕繚鎸佹渶鍒濆崰鐢ㄧ殑绌洪棿浼氭槸闈炲父...
绛旓細css鏍囧噯涓悇涓睘鎬т篃瑕佺粡鍘嗕粠鑽夋(WD)鍒版帹鑽(REC)鐨勮繃绋嬶紝css涓殑灞炴ц繘灞曢兘涓嶄竴鏍枫傛祻瑙堝櫒鍘傚晢鍦ㄦ爣鍑嗗皻鏈槑纭儏鍐典笅鎻愬墠鏀寔浼氭湁椋庨櫓锛屽悓鏃朵篃浼氬嚭鐜版湁鐨勬祻瑙堝櫒鍘傚晢鏀寔鐨勫ソ锛屾湁鐨勬敮鎸佺殑涓嶅ソ锛屾墍浠ュ氨鐢ㄥ巶鍟嗗墠缂鍔犱互鍖哄垎銆CSS3鐨勫墠缂鏄竴涓祻瑙堝櫒鐢熶骇鍟嗙粡甯镐娇鐢ㄧ殑涓绉嶆柟寮忋傚畠鏆楃ず璇SS灞炴ф垨瑙勫垯灏氭湭...
