网页布局基础
1、 CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。
2、 W3c标准：结构化标准语言（HTML和XML），表现标准语言（CSS），行为标准语言（Dom和ECMAScript）。
3、 标准文档流：从上到下，从左到右输出文档内容。由块级元素和行级元素组成。
块级元素：从左到右撑满页面独占一行，触碰到页面边缘时会自动换行。有：div、ul、li、dl、dt、p
行级元素:<span>、<strong> 、img、input不会独占一行
块级元素和行级元素都是盒子模型。
4、 盒子模型：边框（border）、外边距（margin）、内边距（pading）、内容（content）
5、 盒子3D模型：从上到下依次为：border、content+padding、background-image、background-color、margin
6、 实现自动居中——列布局的三个技能点：标准文档流，块级元素，margin属性。网页设置完居中后（代码为：#wrap{width:700px;margin:0 auto;}）就不能再设置浮动属性以及位置属性了，否则位置就不会再居中。
对于网页居中：首先设置整体id为：上下 margin 不用设置为 auto，只设置右左就可以。width:100%; 也不可以，一定设置为一个不为 100% 的值。然后设置局部id为：width：100%
7、 浮动布局：可以实现横向多列布局，通过float属性实现，有三个属性值：left、right、none。设置了浮动的元素仍旧处于标准文档流中。
当元素没有设置宽度值，而设置了浮动属性，元素的宽度随着内容的变化而变化。
当元素设置浮动属性后，会对相邻的元素产生影响，相邻的元素特指紧邻后面的元素。
（2）、清除浮动：clear：both  或者同时设置width：100%+overflow：hidden；
      当父包含快缩成一条时，用clear：both  的方法清除浮动是无效的，它一般用于紧邻后面的元素的清除浮动。
（3）、横向两列布局：float属性——使纵向排列的块级元素横向排列。
Margin属性——设置两列之间的间距。
颜表：
#00C
草绿
#FF3300
颜样本
十六进制
名称与注释
#ffb3a7
粉红：即浅红。别称：妃 杨妃 湘妃 妃红。
#ed5736
妃：妃红。古同“绯”，粉红。杨妃、湘妃、粉红皆同义。
#f00056
品红：比大红浅的红。
#f47983
桃红：桃花的颜，比粉红略鲜润的颜。
#db5a6b
海棠红：淡紫红、较桃红深一些，是非常妩媚娇艳的颜。
#f20c00
石榴红：石榴花的颜，高度和纯度的红。
#c93756
樱桃：鲜红。
#f05654
银红：银朱和粉红颜料配成的颜。多用来形容有光泽的各种红，尤指有光泽浅红。
#ff2121
大红：正红，三原中的红，传统的中国红，又称绛。
#8c4356
绛紫：紫中略带红的颜。
#c83c23
绯红：艳丽的深红。
#9d2933
胭脂：1、女子装扮时用的胭脂的颜；2、国画暗红颜料。
#ff4c00
朱红：朱砂的颜，比大红活泼，也称铅朱、朱、丹。
#ff4e20
丹：丹砂的鲜艳红。
#f35336
彤：赤。
#cb3a56
茜：茜草染的彩，呈深红。
#ff2d51
火红：火焰的红，赤。
#c91f37
赫赤：深红，火红。泛指赤、火红。
#ef7a82
嫣红：鲜艳的红。
#ff0097
洋红：橘红。
#ff3300
炎：引申为红。
#c3272b
赤：本义火的颜，即红。
#a98175
绾：绛；浅绛。
#c32136
枣红：即深红。
#b36d61
檀：浅红，浅绛。
#be002f
殷红：发黑的红。
#dc3023
酡红：像饮酒后脸上泛现的红，泛指脸红。
#f9906f
酡颜：饮酒脸红的样子。亦泛指脸红。
#fff143
鹅黄：淡黄（鹅嘴的颜，高明度微偏红黄）。
#faff72
鸭黄：小鸭毛的黄。
#eaff56
樱草：淡黄。
#ffa631
杏黄：成熟杏子的黄。
#ff8c31
杏红：成熟杏子偏红的一种颜。
#ff8936
橘黄：柑橘的黄。
#ffa400
橙黄：柑橘的黄。
#ff7500
橘红：柑橘皮所呈现的红。
#ffc773
姜黄：中药名。别名黄姜。为姜科植物姜黄的根茎。又指人脸不正，呈黄白。
#f0c239
缃：浅黄。
#fa8c35
橙：界于红和黄之间的混合。
#b35c44
茶：一种比栗稍红的棕橙至浅棕。
#a88462
驼：一种比咔叽稍红而微淡、比肉桂黄而稍淡和比核桃棕黄而暗的浅黄棕。
#c89b40
昏黄：形容天、灯光等呈幽暗的黄。
#60281e
栗：栗壳的颜。即紫黑。
#b25d25
棕：棕毛的颜,即褐。1、在红和黄之间的任何一种颜；2、适中的暗淡和适度的浅黑。
#827100
棕绿：绿中泛棕的一种颜。
#7c4b00
棕黑：深棕。
#9b4400
棕红：红褐。
#ae7000
棕黄：浅褐。
#9c5333
赭：赤红如赭土的颜料，古人用以饰面。
#955539
赭：红、赤红。
#6e511e
褐：黄黑。
#d3b17d
枯黄：干枯焦黄。
#e29c45
黄栌：一种落叶灌木，花黄绿,叶子秋天变成红。木材黄可做染料。
#896c39
秋：1、中常橄榄棕，它比一般橄榄棕稍暗，且稍稍绿些；2、古以秋为金，其白，故代指白。
#d9b611
秋香：浅橄榄 浅黄绿。
#bddd22
嫩绿：像刚长出的嫩叶的浅绿。
#c9dd22
柳黄：像柳树芽那样的浅黄。
#afdd22
柳绿：柳叶的青绿。
#789262
竹青：竹子的绿。
#a3d900
葱黄：黄绿，嫩黄。
#9ed900
葱绿：1、浅绿又略显微黄的颜；2、草木青翠的样子。
#0eb83a
葱青：淡淡的青绿。
#0eb83a
葱倩：青绿。
#0aa344
青葱：翠绿，形容植物浓绿。
#00bc12
油绿：光润而浓绿的颜。
#0c8918
绿沈（沉）：深绿。
#1bd1a5
碧：1、青绿；2、青白，浅蓝。
#2add9c
碧绿：鲜艳的青绿。
#2add9c
青碧：鲜艳的青蓝。
#3de1ad
翡翠：1、翡翠鸟羽毛的青绿；2、翡翠宝石的颜。
#40de5a
草绿：绿而略黄的颜。
#00e09e
青：1、一类带绿的蓝，中等深浅，高度饱和；2、本义是蓝；3、一般指深绿；4、也指黑；5、四印刷中的一；6、特指三补中的一。
#00e079
青翠：鲜绿。
#c0ebd7
青白：白而发青，尤指脸没有血。
#e0eee8
鸭卵青：淡青灰，极淡的青绿。
#bbcdc5
蟹壳青：深灰绿。
#424c50
鸦青：鸦羽的颜。即黑而带有紫绿光的颜。
#00e500
绿：1、在光谱中介于蓝与黄之间的那种颜；2、本义是青中带黄的颜；3、引申为黑，如绿鬓：乌黑而光亮的鬓发，代指为青春年少的容颜。
#9ed048
豆绿：浅黄绿。
#96ce54
豆青：浅青绿。
#7bcfa6
石青：淡灰绿。
#2edfa3
玉:玉的颜，高雅的淡绿、淡青。
#7fecad
缥：绿而微白。
#a4e2c6
艾绿：艾草的颜。偏苍白的绿。
#21a675
松柏绿：经冬松柏叶的深绿。
#057748
松花绿：亦作“松花”、“松绿”。偏黑的深绿，墨绿。
#bce672
浅黄绿：松树花粉的颜。《红楼梦》中提及松花配桃红为娇艳。
#44cef6
蓝：三原的一种。像晴天天空的颜。
#177cb0
靛青：也叫“蓝靛”margin属性怎么用。用蓼蓝叶泡水调和与石灰沉淀所得的蓝染料。呈深蓝绿。
#065279
靛蓝：由植物(例如靛蓝或菘蓝属植物)得到的蓝染料。
#3eede7
碧蓝：青蓝。
#70f3ff
蔚蓝：类似晴朗天空的颜的一种蓝。
#4b5cc4
宝蓝：鲜艳明亮的蓝。
#a1afc9
蓝灰：一种近于灰略带蓝的深灰。
#2e4e7e
藏青：蓝而近黑。
#2e4e7e
藏蓝：蓝里略透红。
#4a4266
黛：青黑的颜料。古代女子用以画眉。
#426666
黛绿：墨绿。
#425066
黛蓝：深蓝。
#574266
黛紫：深紫。
#8d4bbb
紫：蓝和红组成的颜。古人以紫为祥瑞的颜。代指与帝王、皇宫有关的事物。
#815463
紫酱：浑浊的紫。
#815476
酱紫：紫中略带红的颜。
#4c221b
紫檀：檀木的颜，也称乌檀、乌木。
#003371
绀青、绀紫：纯度较低的深紫。
#56004f
紫棠：黑红。
#801dae
青莲：偏蓝的紫。
#4c8dae
青：深蓝。
#b0a4e3
雪青：浅蓝紫。
#cca4e3
丁香：紫丁香的颜，浅浅的紫，很娇柔淡雅的彩。
#edd1d8
藕：浅灰而略带红的颜。
#e4c6d0
藕荷：浅紫而略带红的颜。
#75878a
苍：即各种颜掺入黑后的颜。
#ffffff
精白：纯白、洁白、净白、粉白。
#fffbf0
象牙白：乳白。
#f0fcff
雪白：如雪般洁白。
#d6ecf0
月白：淡蓝。
#f2ecde
缟：白。
#e0f0e9
素：白、无。
#f3f9f1
荼白：如荼之白。
#e9f1f6
霜：白霜的颜。
#c2ccd0
花白：白和黑混杂的。斑白的、夹杂有灰的白。
#fcefe8
鱼肚白：似鱼腹部的颜，多指黎明时东方的天颜。
#e3f9fd
莹白：晶莹洁白。
#808080
灰：黑和白混和成的一种颜。
#eedeb0
牙：与象牙相似的淡黄。
#f0f0f4
铅白：铅粉的白。铅粉，国画颜料，日久易氧化“返铅”变黑。铅粉在古时用以搽脸的化妆品。
#622a1d
玄：赤黑，黑中带红的颜，又泛指黑。
#3d3b4f
玄青：深黑。
#725e82
乌：暗而呈黑的颜。
#392f41
乌黑：深黑、漆黑。
#161823
漆黑：非常黑的。
#50616d
墨：即黑。
#758a99
墨灰：即黑灰。
#000000
黑：亮度最低的非彩的或消差的物体的颜；最暗的灰；与白截然不同的消差的颜；被认为特别属于那些既不能反射、又不能透过能使人感觉到的微小入射光的物体,任何亮度很低的物体颜。
#493131
缁：帛黑。
#312520
煤黑、象牙黑：都是黑，不过有冷暖之分。
#5d513c
黧：黑中带黄的颜。
#75664d
黎：黑中带黄似黎草。
#6b6882
黝：本义为淡黑或微青黑。
#665757
黝黑：（皮肤暴露在太阳光下而晒成的）青黑。
#41555d
黯：深黑、泛指黑。
#f2be45
赤金：足金的颜。
#eacd76
金：平均为深黄带光泽的颜。
#e9e7ef
银白：带银光的白。
#bacac6
老银：金属氧化后的彩。
#bf242a
[国画用]银朱：呈暗粉。
#9d2933
[国画用]胭脂：暗红。用红蓝花、茜草、紫梗三种植物制成的颜料，年代久则有褪的现象。
#ff461f
[国画用]朱砂：朱红。用以画花卉、禽鸟羽毛。
#f36838
[国画用]朱膘：橘红。明度比朱砂高，彩度比朱砂低。用以画花卉。
#845a33
[国画用]赭石：红褐。用以画山石、树干、老枝叶。
#1685a9
[国画用]石青：青，依深浅分为－头青、二青、三青。用以画叶或山石。
#16a951
[国画用]石绿：依深浅分为－头绿、二绿、三绿。用以画山石、树干、叶、点苔等。
#fff2df
[国画用]胡粉：亦称白粉，白，有蛤粉和铅粉两种。用以画白花、鸟，或调配其他颜料使用。
#003472
[国画用]花青：藏青。用以画枝叶、山石、水波等。用蓼蓝或大蓝的叶子制成蓝靛，再提炼出来的青颜料，蓝绿或藏蓝。用途相当广，可调藤黄成草绿或嫩绿。广花，颜料。即广东产的花青。
#ffb61e
[国画用]藤黄：明黄。用以画花卉、枝叶。藤黄：明黄。南方热带林中的海藤树，常绿乔木，茎高达二十米，从其树皮凿孔，流出黄树脂，以竹筒承接，干透可作国画颜料。
#845a33
[国画用]赭石：暗棕矿物，用做颜料。
#ffc64b
[国画用]雌黄：矿物名。成分是三硫化二砷(As2S3)橙黄,半透明,可用来制颜料。古人用雌黄来涂改文字，因此称乱改文字、乱发议论为“妄下雌黄”，称不顾事实、随口乱说为“信口雌黄”。
#e9bb1d
[国画用]石黄：国画颜料，即雄黄。
#ff4777
[国画用]洋红：橘红。用以画花卉。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。