L3 CSS

8/2/2010 Bài Cascading Style Sheets Ĉӛ%i/kP 9LӋQ&177 77- Ĉ+%.+1 0өFÿtFK ‡ 4XDQViWVӵWKD\ÿәLKuQKWKӭFWUDQJ:HENKL WKD\ÿәLWHPSODWH ‡ 7HPSODWHWURQJ-RRPODJӗP ± template_css ± WKѭPөFYӅ-DYD6FULSW3LFWXUH«FiFILOHFVVNKiF ILOHLQGH[SKS« 8/2/2010 0өFÿtFK ‡ &XQJFҩSFKR6LQKYLrQQKӳQJNLӃQWKӭFYӅ &66ÿӇ ± 7KӵFKLӋQYLӋFFKLSKӕLKuQKWKӭFWUDQJ:HEӣ PӭFFDRKѫQ ± 7ҥRUDVӵQKҩWTXiWYjWKӕQJQKҩWWURQJEӕFөFYj trình bày trang Web 1ӝLGXQJ ‡ ‡ ‡ ‡ ‡ ‡ ‡ *LӟLWKLӋXYӅ&DVFDGLQJ6W\OH6KHHW&66 /êGRVӱGөQJ&66 3KkQORҥL6W\OH &iFKFKqQPӝW6W\OH &ҩXWU~FPӝW6W\OH &iFVW\OHFѫEҧQYjQkQJFDR 7UҳFQJKLӋP 8/2/2010 *LӟLWKLӋXYӅ&DVFDGLQJ6W\OH6KHHW&66 ‡ Cascading Style SKHHWKD\FzQJӑLWҳWOjStyle 0үXTX\ÿӏQKFiFKWKӭFWKӇKLӋQFiFWKҿ+70/ ‡ %DQÿҫX+07/ ± 7ұSFiFTX\WҳFFKRSKpS16'[HPFiFWUDQJ:HE ± K{QJKӛWUӧQKjWKLӃWNӃFyQKLӅXTX\ӅQFKLSKӕLWKLӃWNӃ !&iFWUuQKGX\ӋWEәVXQJWKrPFiFWKҿ+70/ULrQJ NK{QJWKHRFKXҭQ ‡ :&:RUOG:LGH:HE&RQVRUWLXP UDÿӡL&66FKR SKpSKӛWUӧQKjWKLӃWNӃ /êGRVӱGөQJ&66 ‡ ‡ ‡ ‡ ‡ ‡ 6W\OHWLӃWNLӋPWKӡLJLDQ &66GӉWKD\ÿәL 6ӵQKҩWTXiQ KҧQăQJFKLSKӕLÿDGҥQJ 7ҥRUDÿӏQKGҥQJFKXQJFKRWRjQEӝ:HE 1K˱ͫFÿL͋P" 8/2/2010 3KkQORҥL&66 ‡ &yORҥL6W\OH ± Browser default ± External Style Sheet ± Internal Style Sheet ± Inline Style 7ăQJGҫQ ‡ ĈӝѭXWLrQ" &iFKFKqQPӝW6W\OH ‡ 9ӟL,QOLQHVW\OH WrQBWKҽVW\OH ³WW1:gt1;tt2:gt2«´! ‡ 9tGө EVW\OH ³FRORUEOXH´!9ăQEҥQQj\ LQÿүPYjPjX[DQKE! [...]... blue 25 Basic CSSs 1 2 3 4 5 6 7 CSS Background CSS Text CSS Font CSS Border CSS Margin CSS Padding CSS List 26 13 8/2/2010 Advanced CSSs 1 2 3 4 5 6 CSS Dimension CSS Classification CSS Positioning CSS Pseudo-class CSS Pseudo-element CSS Media Types 27 6.1 CSS Background ‡ 7KXӝFWtQK%DFNJURXQGFKRSKpSWKLӃWOұSPjX QӅQҧQKQӅQOһSҧQK« 28 14 8/2/2010 6.1 CSS Background 29 6.1 CSS Background... type="text /css" > h1 {letter-spacing:2px} h2 {letter-spacing:-3px} 39 6.2 CSS Text 40 20 8/2/2010 6.2 CSS Text text-align ‡ &ăQQӝLGXQJYăQEҧQWKHRFKLӅXQJDQJOHIWFHQWHU right, justify ‡ 9tGө h1 {text-align:center} h2 {text-align:left} h3 {text-align:right} 41 6.2 CSS Text 42 21 8/2/2010 6.3 CSS Font 43 6.3 CSS Font 44 22 8/2/2010 6.3 CSS Font 45 6.3 CSS Font... background-attachment:fixed; margin-right:300px; } 33 6.1 CSS Background 34 17 8/2/2010 6.2 CSS Text 35 6.2 CSS Text 36 18 8/2/2010 6.2 CSS Text direction ‡ &iFKѭӟQJ ± OWUOHIWWRULJKW&KӳKLӇQWKӏWӯErQWUiLVDQJSKҧL ± UWOULJKWWROHIW&KӳKLӇQWKӏWӯErQSKҧLVDQJWUiL ‡ 9tGө div.ex1 {direction:rtl} 37 6.2 CSS Text 38 19 8/2/2010 6.2 CSS Text letter-spacing ‡ 7ăQJJLҧPNKRҧQJFiFKJLӳDFiFNtWӵVRYӟLWUҥQJ... 8/2/2010 6.1 CSS Background background-color ‡ 7KѭӡQJiSGөQJFKRWKҿERG\YjFiFWKҿKLӇQWKӏGӳ OLӋX',93+«ÿӇÿһWPjXQӅQ ‡ &yWKӇÿѭӧF[iFÿӏQKEҵQJFiFK ± QDPHWrQPjXQKѭUHG ± 5*%JLiWUӏ5*%QKѭUJE ± +H[JLiWUӏKH[DFӫDPjXQKѭII´ ‡ 9tGө ± body{background-FRORU³UHG´` ± h1{background-color:#645eff;} 31 6.1 CSS Background 32 16 8/2/2010 6.1 CSS Background