CSS: สีตัวอักษร, รูปแบบ, รูปแบบขนาด

การเขียนโปรแกรม - กระจก: ในการเริ่มต้นเป็นคำและไม่สะท้อนกลับ อย่างรวดเร็วและมันก็จะ "เปลี่ยน": กระจกแรกแล้วคำว่า ... ณ จุดนี้ cascading สไตล์ชีท - เป็นสิ่งที่ดี แต่ทำไมนานมันก็จะอยู่ในใจนักพัฒนา? CSS - มันทุกครั้งอาร์เรย์เดียวกันยุคของโปรแกรมคอมพิวเตอร์ แต่ในมุมมองที่แตกต่างกัน แม้ในขณะที่มวลชนจะกลายเป็นแบบเชื่อมโยงปฏิวัติไม่ได้ทำ

หน้าเว็บไซต์ - มันแท็ก HTML-มาร์กอัปซึ่งสามารถนำมาประกอบกับรูปแบบหรือสไตล์คลาสระบุบางอย่าง เป็นครั้งแรกที่สามารถกำหนดได้ทันทีและให้เหตุผลเพื่ออะไรตามความจำเป็นครั้งที่สองเป็นองค์ประกอบโดยเฉพาะอย่างยิ่ง

ตรรกะทั่วไปของรายละเอียดของรูปแบบ

ตามธรรมเนียมสไตล์ที่จะอยู่ใน CSS ไฟล์ แต่สามารถนำมาประกอบกับองค์ประกอบโดยเฉพาะอย่างยิ่งในแอตทริบิวต์สไตล์ รูปแบบที่สามารถสร้างขึ้นในการเปลี่ยนแปลงของเครื่องมือจาวาสคริปต์ ความสำคัญโดยเฉพาะไม่ได้ตามที่อธิบายไว้ตัวอย่างเช่นโดยวิธีการของ สี CSS แบบอักษรขนาดของชุดหูฟัง, พื้นหลังภายใต้มันและอื่น ๆ สถานที่ตั้งรูปแบบรายละเอียดเป็นสิ่งสำคัญในบริบทของมักจะสองความคิดนี้ในภายหลังอธิบายจึงเป็นสิ่งที่มีความสำคัญสูงและถ้าอธิบายไว้ในองค์ประกอบมันไม่สำคัญ !. บันทึกล่าสุดมันคือชัดเจนกำหนดลำดับความสำคัญ

ใช้สไตล์ที่จะยกตัวอย่างเช่นสีเปลี่ยนสีตัวอักษรบางอย่างได้ทุกที่และสิ่ง คำถามคือวิธีการที่จะตอบสนองกับมันในเบราว์เซอร์ในระหว่างการถอดชิ้นส่วนของรูปแบบทั้งหมดเข้าด้วยกัน เท่าไหร่เขาก็ใช้จ่ายใน CPU นี้หรือไม่?

จะเป็นการดีที่สีตัวอักษรควรจะชี้ให้เห็นเพียงครั้งเดียว - มันคลาสสิก คิดออกมาให้คำอธิบายง่ายๆของคู่และจากนั้นอีกและอีก ... แน่นอนคุณสามารถ มันเป็นแฟชั่น แต่ในทางปฏิบัติ

ตัวอย่างตรรกะทั่วไป

ค่อนข้างกำหนดโดยเพียงแค่สี CSS สำหรับทั้งสามองค์ประกอบมันเป็นไปได้ที่จะได้รับอย่างน้อยสามปัญหายาวทำงาน:

# Ele1 # Ele2 # Ele3 {
position: absolute;
ซ้าย: 20px;
ด้านบน: 14px;
สี: สีแดง;
}

# Ele2 # Ele3 {
ซ้าย: 90px; // เปลี่ยน CSS พิกัดแนวนอน
สี: สีเหลือง; // เปลี่ยนสีของ CSS ตัวอักษร
}

# Ele3 {
ด้านบน: 114px; // เปลี่ยน CSS ประสานงานในแนวตั้ง

สี: สีเขียว; // อีกครั้งเปลี่ยนสีของ CSS ตัวอักษร

สีพื้นหลัง: lightgrey; // สี CSS ไฮไลท์ข้อความการเปลี่ยนแปลง แต่นี้ไม่ได้อยู่ใน # Ele1 และ # Ele2; ตำแหน่งยังมีการเปลี่ยนแปลง แต่ก็มีการเปลี่ยนแปลงใน # Ele2 และไม่เป็นที่นี่

}

ตอนนี้เราต้องจำไว้ว่าสิ่งเหล่านี้สามองค์ประกอบที่ถูกกำหนดให้บางและในกรณีที่มีการเปลี่ยนแปลงของการแสดงสีของเจ้าของเว็บไซต์ที่นักพัฒนาจะต้องจำไว้ว่าไม่เพียง แต่เกี่ยวกับสี แต่ยังเกี่ยวกับกฎระเบียบด้านซ้ายและด้านบนและแม้กระทั่งการเปลี่ยนสีไฮไลท์ของข้อความที่ไม่ควรลืม

นักพัฒนาทั้งหมดที่ไม่ได้รับการเคารพนับถือ CSS ต้องการ: รหัส Style - เพียงหนึ่งองค์ประกอบและรูปแบบการเรียน - แท็กมากนอกเหนือจากจุดสุดท้ายในแท็กเป็นคำคุณศัพท์:

• ตั้งค่าสีของตัวอักษรใน CSS - ประเภท groundColor สไตล์;
• ระบุขนาดตัวอักษร - size15 ระดับ;
• ชุดตำแหน่ง - PlaceUp ระดับ

ธรรมชาติการใช้งานของตัวบ่งชี้โดยเฉพาะอย่างยิ่งเมื่อพวกเขาอยู่ในองค์ประกอบของการทำเครื่องหมายเดียวกันสิบอันดับแรกเรียนสไตล์วาดในชุดต่างๆของหลายร้อยองค์ประกอบของหน้า แต่ทุกอย่างมีตรรกะวัตถุประสงค์ของตัวเอง

นักพัฒนาได้อย่างถูกต้องก็จะต้องคำนึงถึง: แม้ว่าสีตัวอักษรของ HTML, CSS ข้อเสนอที่จะอธิบายยากความยืดหยุ่นของโครงสร้างโดยรวมของคำอธิบาย - นั่นเป็นงานของเขา

ที่คาดว่าผลจากการใช้ตรรกะทั่วไป

เบราว์เซอร์ที่ทันสมัยมีความสะดวกสบายที่มีจำนวนมากของไฟล์รูปแบบและเล่ม อย่างไรก็ตามการออกแบบโดยเฉพาะอย่างยิ่งผ่าน CSS สีทั้งหน้าคุณควรคิดว่าพอเพียงที่เหมาะสม ไม่กฎทุกรูปแบบ "ถูก" ดูในใบสมัคร ที่เรียบง่ายเข้าห้วน: * {สี: สีขาว;} - สวยงามอย่างแน่นอน แต่มันใช้กับองค์ประกอบทั้งหมดของหน้าโดยไม่มีข้อยกเว้น

กฎทั้งหมดซึ่งเป็นอุปกรณ์ที่มี CSS ที่สำคัญที่สุด:

• สไตล์ - ระดับแล้วชื่อเริ่มต้นด้วย ""
• สไตล์ - ระบุและชื่อของมันเริ่มต้นด้วย "#" ตัวอักษร;
• ในกรณีอื่น ๆ - ป้ายชื่อหรือสิ่งที่พิเศษ

ส่วนที่เหลือของความคิดคำอธิบายในรูปแบบ (คุณสมบัติมรดกทับซ้อนลำดับความสำคัญของตำแหน่งการสั่งซื้อและชอบง.) ควรใช้อย่างชาญฉลาดและจำเป็นอย่างเคร่งครัด

เบราว์เซอร์มักจะพลาดไม่ได้ทำออกมาในรายละเอียดเพื่อให้ความผิดจะไม่พิเศษ หากสิ่งที่ไม่ได้อยู่ในสถานที่ที่เหมาะสมหรือตั้งค่าสีของตัวอักษรใน CSS เป็นไปไม่ได้ดังนั้นในรูปแบบของข้อผิดพลาด

โอกาสที่ไม่คาดคิด

ไม่ควรที่จะทำร้ายรูปแบบเช่น * {ซ้าย: 124px; } หรือ

OL OL เฒ่า UL, UL UL, OL ยู {margin ล่าง: 0; }
img {ชายแดน: 0; }

แม้ว่ามันจะเป็นเรื่องยากที่จะทำให้แม้แต่นักพัฒนาสามเณรเพื่อใช้กฎ CSS ที่พวกเขาเป็น เสมอในการพัฒนาเว็บไซต์ใด ๆ แม้ไวยากรณ์ CSS ง่ายที่ดีที่สุดที่จะช่วยให้ปัญหาที่ไม่คาดคิด แต่ถ้าความพยายามโดยตรงกับการใช้งานที่ถูกต้องของไวยากรณ์ แต่ใช้งาน JavaScript ใหม่และโอกาสที่ไม่คาดคิดจะหลีกเลี่ยงความจำเจสร้างตัวบ่งชี้สำหรับแต่ละองค์ประกอบหรือเพื่อตรวจสอบการใช้ความหลากหลายของรูปแบบและการเรียนที่

CSS - ไม่ได้เป็นเพียงไฟล์รูปแบบที่เชื่อมต่อไปยังหน้าเว็บผ่านทางแท็ก link หรือแทรกเข้ามาได้ผ่านแท็กสไตล์ นอกจากนี้ยังเป็นไปได้ที่จะสร้างรูปแบบในการบินหรือปรับเปลี่ยนหนึ่งที่มีอยู่

โดยใช้ CSS, สีตัวอักษรที่สามารถทำได้โปรแกรม เช่นเดียวกับขนาดและตำแหน่งอัตรากำไรขั้นต้น เว็บไซต์ - ไม่ได้เป็นเป้าหมายที่จะนำความรู้ใน CSS, HTML, PHP หรือผลกระทบ JavaScript แฟลช

ทรัพยากรเว็บ - เป็นครั้งแรกของข้อมูลทั้งหมดที่นำเสนอในวิธีการบางอย่าง นั่นคือเหตุผลที่ CSS จะเห็นที่ดีที่สุดในการเปลี่ยนแปลงผ่านเลนส์ของวิธีการที่จะเป็นไปได้ในรูปแบบในขณะที่หน้ายังคงอยู่บนเซิร์ฟเวอร์ (มันไม่สามารถใช้ได้ PHP ในขณะที่ผู้เข้าชมเว็บไซต์มาไม่ได้พัฒนาในเวลานั้นเมื่อเขาได้รับการพัฒนาเว็บไซต์) สไตล์ที่ต้องการ ข้อความที่เฉพาะเจาะจงสำหรับเนื้อหาที่เกี่ยวข้องหรือเพื่อสร้างชั้นสไตล์หรือตัวระบุเกี่ยวกับการบินเป็นหน้าจะทำงานเมื่อมันมีลักษณะที่ผู้เข้าชมโดยเฉพาะอย่างยิ่ง

การเปลี่ยนแปลงแบบคงที่

เราไม่ควรเขียนที่มีความซับซ้อนหา JavaScript รหัสเพื่อให้เนื้อหาแบบไดนามิกและการออกแบบ - เนื้อหาเพียงพอ บางครั้งมันก็เพียงพอที่จะต้องใช้โอกาสที่มีอยู่ โดยเฉพาะอย่างยิ่งด้วยการกำหนด CSS สีตัวอักษรกฎแบบคงที่ในตอนแรกคุณสามารถซ่อนกฎนี้ (ซ่อนไว้) และเห็นภาพที่แตกต่างกัน (มองเห็น)

นี่คือลำโพงที่ไม่ต้องใช้อัลกอริทึม:

// เพื่อเน้นปุ่มการป้อนข้อมูลบนเว็บไซต์
ฟังก์ชั่น scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'มองเห็น' .;
}

// ซ่อนปุ่มการป้อนข้อมูลบนเว็บไซต์
ทำงาน scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ซ่อน' .;
}

CSS มีการเปลี่ยนแปลงตัวเอง: tickers องค์ประกอบโปร่งใสซ้อนทับ embodiments ต่างๆแสดงสีซีดจาง ใน CSS, สีตัวอักษรที่สามารถทำแม้กระทั่งเพื่อให้ไม่มีใครกฎโวหารไม่ได้ให้

การแสดงผลเนื้อหาแบบไดนามิก

หากไม่มีความประพฤติอาจจะมีไม่มีความคืบหน้า เพียงแค่ไม่ได้สิ่งที่มันเป็นเหมือนการต่อสู้ Hypertext นำเข้ามาในโลกจำนวนมากของความเชื่อ มันเป็นเวลาที่จะให้ความสนใจกับพวกเขาและเริ่มต้นการพัฒนาเว็บไซต์ในรูปแบบในทางปฏิบัติและการปฏิบัติ

ในขั้นต้นมีหน้า (P), บางส่วนของเนื้อหาของคุณ (K), แท็กทั้งหมดของหน้าเว็บที่มีการอธิบายไว้ในสไตล์ชีต (S) ไม่ได้เป็นหน้ารูปแบบใหม่ผ่าน P PHP หรือ Perl บนเซิร์ฟเวอร์โดยเลือก K จากฐานข้อมูล ที่มีอยู่แผ่นสไตล์ S จะตามมาโดยอัตโนมัติ อย่างไรก็ตาม K อาจมีการเปลี่ยนแปลงและในกรณีส่วนใหญ่การเปลี่ยนแปลงดังกล่าวจะนำมาซึ่งความจำเป็นในการรูปแบบอื่น ๆ ที่เป็น, S +

ตัวอย่างเช่นลูกค้ากล่าวว่า "เว็บไซต์นี้จะอธิบายถึงชีวิตของกรุงมอสโกจะดูดีขึ้นถ้าบทความข่าวที่ได้รับการตกแต่งในสไตล์ของ" ZaZavtrakom "อธิบายความวุ่นวายคืนในรูปแบบของ" ลาสเวกัส 'และบทความเกี่ยวกับความก้าวหน้าทางวิทยาศาสตร์และเทคโนโลยีในรูปแบบของ' ModernTehno ' ". แต่ถ้าเราทำให้ S สามตัวเลือกเหล่านี้มีการรับประกันว่าลูกค้าจะไม่ได้มีความคิดที่จะมีชุดของบทความ "ข่าว", "วันหยุด" "การทำงาน», «CSS / HTML»โบนัส 'HozyaykeNaZametku' ไม่มี

อีกวิธีหนึ่งการปฏิบัติมากขึ้น โดยไม่คำนึงถึงประเภทของบทความมีอยู่เสมอเนื้อหาที่สามารถวาดในสีบาง ที่นี่ในสถานที่แห่งนี้มีความคิดที่ค่อนข้างเหมาะสม: รับเฉพาะ K, ยังคงอยู่บนเซิร์ฟเวอร์เพื่อสร้าง S เพียงพอและเบราว์เซอร์จะต้อง P, เขาจะได้รับเนื้อหาที่เหมาะสมในการกวาดล้างที่เหมาะสม

รูปแบบการเปลี่ยนแปลงของ JavaScript

ขั้นต่ำแม้ว่าโซลูชั่นที่มีประสิทธิภาพมาก - จะทำจัดแต่งทรงผมโดยตรงในเบราว์เซอร์ของลูกค้า ครั้งแรกก็บรรเทาเซิร์ฟเวอร์ - จะไม่ต้องใช้เวลาในการก่อตัวของหน้าไฮเปอร์และไฟล์รูปแบบสำหรับมัน

ประการที่สองการเสียตามธรรมชาติของเวลาภายในเบราว์เซอร์จะสร้างผลกระทบที่หน้าถูกครอบครองโดยธุรกิจและการสนับสนุนอย่างแข็งขันเจรจากับผู้เข้าชม: เขายังไม่เห็นเนื้อหาในจำนวนมากดังนั้นเขาอยากเอาท์พุทข้อมูลที่สอดคล้องกันและมีน้ำใจ

ประการที่สามจะช่วยให้นักพัฒนาเพื่อให้มีกลไกที่ผู้เข้าชมเนื้อหาในรูปแบบนี้ในการที่เขามีความสะดวกสบาย ก็ไม่ได้มีใคร

ที่จะใช้ความคิดนี้คุณจำเป็นต้องใช้กลไกสำหรับการสร้างองค์ประกอบของรูปแบบในทันทีหลังจากที่โหลดหน้าเว็บและในหลักสูตรของการดำเนินงานของ เว็บไซต์ของโมเดิร์น - มัน AJAX ในรูปแบบเฉพาะ มันไม่ได้เป็นเรื่องยากที่จะดำเนินการก่อตัวของรูปแบบโดยตรงในกระบวนการของการก่อตัวของต้นไม้หน้า มันเป็นเรื่องง่ายและราคาไม่แพงและมีประสิทธิภาพเพราะเนื้อหาที่เป็นพร้อมกับการลงทะเบียนของเขา

นี้ไม่ได้ขัดแย้งกับแนวโน้มที่ทันสมัยในการแยกการนำเสนอข้อมูลจากการประมวลผลการดำเนินการในข้อมูลและออกในจอแสดงผล

CSS เป็นสารออกฤทธิ์

Hypertext นำดีมาก แต่เพียงส่วนเล็ก ๆ ของข้อมูลธรรมชาติเป็นกรงเล็บที่ประสบความสำเร็จมีเครื่องมือและประสบการณ์ในการสร้างที่มีคุณภาพสูง HTML, XML, CSS เอกสาร ไม่ได้เป็นปัญหาที่จะทำพิธีเล่มใหม่ของข้อมูลและการเปลี่ยนแปลงทำแล้วก่อนหน้านี้

ด้วยความเคารพ CSS, ขั้นตอนนี้จะเปิดใช้งานในบริบทที่แตกต่างอย่างสิ้นเชิง Built-in เครื่องมือใน JavaScript ช่วยให้ "ในทันที" เพื่อสร้างองค์ประกอบและรูปแบบขององค์ประกอบที่ไม่ได้คาดหวังดังกล่าวเป็นไปได้และผู้สร้างของ PHP โดยเฉพาะอย่างยิ่งเชื่อว่าจะมีส่วนร่วมในการก่อตัวของหน้าเว็บ HTML เท่านั้น

ทั้งสองเป็นครั้งแรกและครั้งที่สองช่วยให้ทำรูปแบบการเขียนโปรแกรม นี้ทิศทางใหม่ในสาขาเทคโนโลยีสารสนเทศ สิ่งที่อย่างเป็นทางการรูปแบบมากขึ้นกว่า XML หรือ HTML, กฎง่ายมาก สไตล์อยู่เสมอในปัจจุบันข้อมูลที่ไม่ว่ามันเป็นธรรมชาติ

โปรแกรมเมอร์ฐานข้อมูลการลงทะเบียนมีส่วนร่วมเสมอในภาคที่เป็นทางการมากขึ้น แต่รูปแบบ CSS - เป็นงานที่ง่ายมาก แต่อย่างใดไม่ได้รับเข้าไปในเขตของมุมมองของกระบวนการพัฒนา

เกี่ยวกับความเชื่อในด้านการเขียนโปรแกรม

เช่นเดียวกับภูเขาน้ำแข็งซึ่งเป็นความเชื่อที่ไม่สามารถกว้างใหญ่ยาว furrowing ข้อมูล ประสบการณ์ที่ผ่านมาจะต้องมีสมาธิไม่เพียง แต่ใน HTML- และ CSS-มาตรฐานเครื่องมือในการทำงานกับพวกเขาพัฒนาความรู้

งานง่ายๆ - เพื่อให้ผ่านสีตัวอักษร CSS - ได้พบโซลูชั่นที่สมบูรณ์แบบ กฎไวยากรณ์ตรรกะและความสะดวกสบายเป็นเถียงไม่ได้ แต่แม้เมื่อตัวอักษรที่จริงมีไม่มากของสีสำหรับการปฏิบัติมากเกินไปไม่จำเป็นและแน่นอนสำหรับวัตถุประสงค์ของความเป็นจริงของการทำงานแบบเสมือนที่ไม่จำเป็นทั้งหมดที่สะสม "บังคับ» HTML และ CSS มีมาเวลาเมื่อความรู้สถานการณ์ไปทำซ้ำและแสดง ประสบการณ์และเครื่องมือของการก่อตัวตามธรรมชาติของรูปแบบของเนื้อหา

วิธีนี้จะได้รับอาจจะไม่ชัดเจน แต่ที่กระบวนการที่มีอยู่แล้วภายใต้วิธีการอย่างเห็นได้ชัด