网页设计资料.doc

蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇莈薄袁肃莇蚆蚄罿莆莆衿袅莆蒈蚂膄蒅薀袈肀蒄蚃蚀羆蒃莂袆袂聿薅虿袈聿蚇羄膇肈莇螇肃肇葿羃罿肆薁螅袅肅蚄薈膃膄莃螄聿膃蒆薆羅膃蚈螂羁膂莈蚅袇膁蒀袀膆膀薂蚃肂腿蚄衿羈膈莄蚁袄芇蒆袇螀芇蕿蚀肈芆芈袅肄芅蒁螈羀芄薃羃袆芃蚅螆膅节莅蕿肁节蒇螄羇莁薀薇袃莀艿螃蝿荿蒂薆膇 CSS-1 CSS基础知识和应用1 CSS基本知识1.1 什么是CSSCSS(Cascading Style Sheet) 层叠样式表，简而言之，就是一个样式表，网页可调用样式表来对布局、字体、颜色、背景和其它图文效果等样式进行控制，并允许被重叠 1.2 为什么使用CSS 可将样式与结构分离 可提供更精准更丰富地控制页面布局的方案 可制作体积更小的网页 可集中控制多个网页的样式，便于整站更新 2 开始使用CSS 2.1 如何在网页中使用CSS方法1： 直接嵌入型嵌入式CSS方法2：自定义引用型先定义：.mycssfont-size: 40px; color:#FF7700;引用CSS方法3：HTML元素被动型该方法针对HTML中的元素进行定义，比如对td元素tdbackground-color: #CCFFEE;这样一旦引用了该CSS，整个页面所有td元素都会遵循这一规则方法4：元素ID被动型该方法类似方法3，针对HTML中拥有特定ID的元素定义比如img id=image1.那么在CSS中定义： #image1border-color:#FF0000则会指定改变该元素的颜色 CSS样式使用方式不仅仅这些，随着学习深入，还会认识到其它一些使用方法 2.2 CSS代码写在哪里？除了嵌入式CSS，CSS代码都需要集中定义，一般有两种 定义在网页文件中标签内. 定义在外部文件，并引用该方法先在外部编写一个CSS文本文件，然后在标签中插入：来调用该CSS，同一网页文件可以调用多个CSS文件 2.3 样式表的层叠性多个样式规定重复时，比如字体颜色，则会按照一定优先级来选择，或者说好像层叠起来一样，只能看到叠在最高层的样式。 CSS样式高于元素自身样式 自定义样式高于HTML元素样式 指定元素ID样式高于自定义样式 同名CSS样式，文本顺序上后出现的样式叠在先出现的上方 2.4 CSS样式格式详解：选择器 样式名: 样式内容; 样式2: 样式2内容;.选择器即选择什么元素应用该样式的工具，除自定义样式是由网页元素通过class属性主动选择，其它都是被动附加的。样式名和样式内容直接用 : 标记，多各样式之间用 ; 隔开 2.5 和标签标签和标签是经常用来引用CSS以实现效果的标签，而他们的区别在于：标签是嵌入式(inline)，即只在一行内对元素进行控制，一般不能定义区域高度和宽度标签是区块式(block)，相当于在标签前后各加一个标签，并可以控制一定高度和宽度区域内的区块样式3 常用基本CSS样式3.1 CSS字体样式font-family字体族宋体font-size字体大小32pxfont-style字体风格normal/italic/obliquefont-weight字体加粗100900/normal/bold/bolder/lighter 3.2 文本排版控制letter-spacing字符间距10pxword-spacing词间距8pxtext-decoration文字修饰underline/overline/line-throughtext-align文本对齐left/center/righttext-indent首行缩进10px/2emline-height行高8px/1.5emtext-transform英文大小写capitalize/uppercase/lowercase 3.3 列表项样式控制list-style-type符号类型disc/circle/squaredecimal/lower-roman/upper-roman/lower-alpha/uper-alphalist-style-image符号图片url(xxx.gif) 3.4 颜色与背景color前景色#FF0000background-color背景色#00FF00background-image背景图像url(xxx.jpg)background-repeat背景重复样式repeat-x/repeat-yrepeat/no-repeatbackground-position背景图像位置left/right/center/top/bottom 这些是最基本的CSS样式，大致可以涵盖曾经学习到的HTML排版，应结合Dreamwear的CSS编辑工具，多做实验。 CSS-2 CSS高级应用1 CSS选择器高级语法选择器 样式名: 样式内容; 样式2: 样式2内容;.基本通用选择器包括 自定义型(.mycss)、HTML元素型(p)、ID型(#myid)三种，实际应用中，这三种的组合可以行成高级选择器：1.1 分组选择器1.1 分组选择器一次性定义一组元素，元素之间用英文逗号分开，这样可以一次性定义一批元素样式例1： h1, h2, h3color: #FF00FF例2: .mycss, p, td, #div1background-color: #EF094C;可以使用分组选择器统一定义具有相同属性的一组元素样式，再分别定义各自的样式 1.2 派生选择器需要元素之间构成嵌套关系才有效，元素之间要用空格符号分开例如： td pcolor: #00FF00;必须是在 td 元素中的 p 元素才会有效 1.3 链接选择器a:link color: #FF0000 未访问的链接a:visited color: #00FF00 已访问的链接a:hover color: #FF00FF 鼠标移动到链接上a:active color: #0000FF 选定的链接 2 DIV控制div+css是近来常用的网页布局设计方法，有取代table布局的趋势1.1 区块容器元素的常用属性div、p、td 等具有区块性的元素常常用作容器使用，这些容器有大小、背景、前景色等共同属性，特别的是，区块元素具有边框系列属性：所有的框都由 外边距margin、内边距padding 和 边框 border组成，在W3C标准中一个区块的宽和高衡量的是内边距之内的内容；而微软的IE标准是外边距+边框+内边距+内容 。 1.2 div元素定位div元素与其他区块元素不同，它可以通过属性调整进行自定位：position定位方式absolute/relative/fixedtop顶端距离(y轴)10pxleft左边距离(x轴)10pxz-index立体层次(z轴)-127128其中fixed是相对浏览器显示空间定位，absolute是相对于包含块定位,这两种定位方式不会占据页面位置relative是相对于本来absolute定位应该在的位置相对偏移，并占据自己的位置，顶开其他元素z-index可以指定堆叠层次，实现元素堆叠1.3 溢出部分的显示当内容超出div规定的宽和高时，一般情况下会像撑大表格一样把div区域撑大，但也可以通过设置溢出样式来使溢出部分滚动显示：overflow:scroll; 3 几个实用实例3.1 带说明文字的图片嵌入编写论文的时候常常有带说明文字的图片，希望说明文字能和图片一起在文档中关键样式：float:right;width:120px;margin:0 0 15px 20px;padding:15px;border:1px solid black;3.2 cursor样式关键样式：cursor:url(xxx.ico);3.3 水平菜单关键样式：ulfloat:left;width:100%;padding:0;margin:0;list-style-type:none;3.4 图片做列表项符号 3.5 首字母特效 通过这些实例我们可以了解到，CSS样式除了实现HTML可以实现的排版功能，还可以通过对样式的精确控制实现多样化的特效。 4 CSS滤镜滤镜是专为CSS开发的一套特效，主要应用于图片和DIV层，尤其对于一些需要简单处理的图片展示，可以大大节约使用的原始图片。以上只是介绍了几个常用滤镜的简单使用方法，随着CSS标准和浏览器技术改进，滤镜的用法、种类也越来越多。但需注意，很多滤镜尤其越复杂的滤镜，不是在所有浏览器都能得到支持，使用时应注意多在各种浏览器进行测试。HTML-4 网页信息化初步0.网页信息化 现代的“信息化”这个名词其实有两重含义 信息化：数字化以及让数字资源有使用价值 网络化：让信息资源具有自描述性，并能在网络中被使用当一个具有文字和多媒体信息，并合理排版的网页制作完成，它作为单个文件或者一个文件集合，具备了一定使用价值；但要让它在网络上能够被需要的人或程序找到并使用才完成了信息化。 1 标签中的网页自描述属性自描述是一个资源的简短自我介绍，这个介绍一般是按照一个大家公认的法则做出，这样使别人能很快认识并传播这个资源。在信息管理中，自描述也称为元数据（meta），网络上的资源通常都有各种形式的meta，网页与论文文章类似地具有作者、关键字、摘要一样的自描述网页中的描述属性在头部中插入多个不同的标签实现：1.1 网页的作者 1.2 网页的关键字 1.3 网页的摘要（描述） 作者、关键字、摘要对网页的显示没有任何影响，但如果想让搜索引擎或其它一些希望快速了解网页内容的程序能尽快达到目的，还是尽可能添加这些利人利己的属性 1.4 网页的字符集编码 编码名称一般可选择GB2312、Unicode、UTF-8等，虽然现在的浏览器大多都已智能化，能根据网页内容判断网页编码；同时很多网页都使用通用UTF-8和Unicode编码，显示世界各国文字大多不在话下，但保险起见，或至少为了让计算机软件少做一些工作以提高效率，尽量还是确定网页编码 2.信息网络化URL详解之前的工作都是在一个网页文件内进行（通常把这个网页引用的多媒体对象也视作网页的一部分），而如果要使网页之间能够互相串联起来，让页面称为“网”页，就必须使用URLURLUniform / Universal Resource Locator统一资源定位符，也被称为网页地址，是因特网上标准的资源的地址。URL的一般格式为：protocol :/ hostname:port / path / ;parameters?query#fragment 例1： 4/例2： /index.html例3： /index.php?id=3&name=something例4： /#ak1特别的：例5：邮件链接：mailto:/?subject=邮件主题&cc=抄送收件人&bcc=密送收件人 在网页中，通常还有超级链接引用的URL，超级链接URL除了使用标准的URL作为 绝对地址 通常还有一些 相对地址：相对地址1：引用相同目录下资源： resource.htm相对地址2：引用子目录下资源：subDir/resource.html相对地址3：引用上级目录下资源：./resource.html相对地址4：引用整站根目录下资源： /resource.html相对地址5：引用页内锚记： #akx相对地址6：空链接： #这样尤其在站内引用资源、站内页面互相链接的时候可以节约页面使用的文字，也便于整站移植。 实际上，超出网页文本部分的其它所有资源都需要用统一资源定位符指定，如果是引用到网页内部标签里显示的内容，一般标签都会有src类型的属性；如果是要在网页中用于导向其它页面或资源的，一般使用超级链接： 3.在网页中使用URL超级链接URL在网页中以超级链接的形式使用3.1 标签中使用超级链接href和target属性文字或图片在href中输入绝对或者相对地址，点击文字或图片即可跳转到目标target属性默认为 _self 即在当前页面打开链接；_blank则会弹出新窗口显示新内容。 3.2 与插入图片联动的标签标签与标签配合使用形成图片热点超级链接：标签同样可以使用target属性3.3 页面内部自己的链接锚记锚记适用于内容较长的网页做页内导航3.4 框架体系中的超级链接：框架中各页面的超级链接允许通过target属性指定所链接到的内容在指定框架中显示，如 target=框架名称而target中还有两个公用值：_top ：忽略框架集，直接在整个页面中显示； _parent ：主要在iframe中用，在iframe所在的页面显示 网页的音符HTML 如果说网页是一篇乐章，HTML就是它的音符 1. HTML的基本概念：HTML（Hyper Text Markup Language) 超文本标记语言，是一种人与计算机交流的技术（语言）不同与C/C+、VB这些语言，HTML更像是一种专用排版说明书，指挥着浏览器把文字、图片等渲染上颜色样式，放置在规定的位置。与所有外语一样，HTML既然是一种语言，必然有其特定的语法和需要遵守的规则。2. HTML文本文件：HTML文件是一种计算机文本文件。编写HTML文件有三种方式： 使用简单的文本编辑器直接编写HTML代码 使用FrontPage、Dreamweaver等可视化软件编写 通过预制的动态网页程序由Web服务软件产生浏览HTML文件的方法： 使用网页浏览器（如IE）直接查看页面效果 使用编辑软件查看源代码 HTML文件名规则： 静态网页扩展名是 htm 或 html 一般只使用英文字母、数字和下划线的组合 在网站中，首页名称往往是 index 和 default 3. HTML文件结构：HTML文件分三部分： html标签：这个标记标识了文件的开始和结束，部分脚本、注释等代码可能会在头部和主体之外，但所有内容都不可超越html标签范围。 头部：一般包括一些网页额外信息、样式表等内容 主体：网页的页面内容标签：.标签是HTML文本中的基本元素，大多数一个标签由一个开始符号和一个结束符号成对组成，但对于不需要内涵其它标签的标签来说，通常是直接结束：如 标签可以包含其它标签，但正如数学运算中的括号，不允许出现互相嵌套：如： 属性：HTML文本每个标签都具有一定的默认属性和可选属性，可选属性添加后，浏览器会根据这些属性对标签内内容显示样式、行为等进行调整属性语法： 属性名=属性内容多个属性间使用空格分隔 注释：注释可以看作一种特殊的直接结束标签，该标签及其内容不会显示在任何地方，主要是给HTML源代码编写者看的。 1. 输入文字1.1 普通文字： 普通文字直接在body中输入 对于特殊符号，可以使用辅助工具插入，也可使用 &.; 转义输入 实际上，转义符号可以提供所有字符的代码输入，哪些代码输入那种字符取决于浏览器所依赖的操作系统默认字符编码1.2 标题字 标题字是一种简化的字体设置标签，大概包括了加粗、字号调整、以及自动换行 一般一号标题相当于设置了36px（像素）的字，二号24px1.3 文字修饰标签1.4 字体标签字体展示（幼圆红色7号） 字体标签主要依靠几个属性控制字体 这些属性主要是：face、size、color 1.5 HTML文字输入的特别问题 空格符号只能使用一次，多余的空格不会有效果，且仅有半角空格如果想空多个格，需使用 （不换行空格） 网页中可以使用的字体受系统的限制，如果想制作一个到大多数计算机都能显示相同字体的网页，应该使用常用字体。如果确实需要特殊字体，可以提示用户下载，或者使用图片。 思考：如果多个标签套在一起会怎样？o 标签嵌套将会应用所有标签规定的样式，如果内部标签的样式与外部冲突，则使用内部样式2. 段落排版2.1 换行标签和 标签是一个自闭合标签：直接使用在行尾 标签是一个成对标签，将一行内容括在里面 标签换下的行距为0，标签行距大约是一行 标签可使用align属性使文字实现居中或左右对齐2.2 预格式化标签 预格式化标签将按照HTML源文件中段落的原式样显示 一般用于成块的短段落2.3 缩排标签段落缩进2.4 忽略HTML代码标签字体展示（幼圆红色）2.5 标注和这是一段故事：预格式化标签将按照HTML源文件中段落的原式样显示这句话是从第一节引用来的 被标注的标注文字3. 水平线与列表3.1 水平线 水平线标签是一个单闭合标签 ，默认左对齐、高1像素，灰色、带阴影、宽100%的线条 主要属性： o 对齐：align = left/center/righto 颜色：color = #FF00FFo 无阴影：noshadeo 高度：size = 4pxo 宽度：width = 200px/50%3.2 无序列表 使用方法：.多个li. 属性只可应用在标签上 主要属性： type = disc/circle/squre3.3 有序列表 使用方法：.多个li. 属性只可应用在标签上 主要属性：type = 1/a/A/i/I3.4 定义列表 使用方法名词解释多个dd.多个dt.smiter打击者simth1：铁匠2：姓氏，史密斯有序列表和无序列表可相互作为内容嵌套， 莁薇袄肇莁虿蚇羃蒀荿袃衿葿蒁蚅膇蒈薄袁膃蒇螆蚄聿蒆蒆罿羅肃薈螂袁肂蚀羈膀肁莀螀肆膀蒂羆羂腿薅蝿袈膈蚇薁芆膈蒇袇膂膇蕿蚀肈膆蚁袅羄膅莁蚈袀膄蒃袃腿芃薅蚆肅节蚈袂羁节莇蚅羇芁薀羀袃芀蚂螃膂艿莂羈肈芈蒄螁羄芇薆羇袀莆虿蝿膈莆莈薂肄莅蒁螈肀莄蚃薁羆莃莃袆袂莂蒅虿膁莁薇袄肇莁虿蚇羃蒀荿袃衿葿蒁蚅膇蒈薄袁膃蒇螆蚄聿蒆蒆罿羅肃薈螂袁肂蚀羈膀肁莀螀肆膀蒂羆羂腿薅蝿袈膈蚇薁芆膈蒇袇膂膇蕿蚀肈膆蚁袅羄膅莁蚈袀膄蒃袃腿芃薅蚆肅节蚈袂羁节莇蚅羇芁薀羀袃芀蚂螃膂艿莂羈肈芈蒄螁羄芇薆羇袀莆虿蝿膈莆莈薂肄莅蒁螈肀莄蚃薁羆莃莃袆袂莂蒅虿膁莁薇袄肇莁虿蚇羃蒀荿袃衿葿蒁蚅膇蒈薄袁膃蒇螆蚄聿蒆蒆罿羅肃薈螂袁肂蚀羈膀肁莀螀肆膀蒂羆羂腿薅蝿袈膈蚇薁芆膈蒇袇膂膇蕿蚀肈膆蚁袅羄膅莁蚈袀膄蒃袃腿芃薅蚆肅节蚈袂羁节莇蚅羇芁薀羀袃芀蚂螃膂艿莂羈肈芈蒄螁羄芇薆羇袀莆