CSS: màu chữ, kiểu dáng, nền, kích thước

Lập trình - gương: ban đầu có một từ, và câu trả lời là không. Và rất nhanh chóng cần phải "thay đổi": đầu tiên là gương, sau đó là một từ ... Tại thời điểm này các bảng của phong cách cascading là tốt, nhưng tại sao tâm trí của nhà phát triển đi quá lâu? CSS là tất cả các mảng tương tự như thời điểm bắt đầu của thời đại của các chương trình máy tính, nhưng chỉ trong một quan điểm khác nhau. Ngay cả khi các mảng trở thành liên kết, cuộc cách mạng đã không tạo ra nó.

Trang trang là các thẻ đánh dấu HTML có thể được gán cho một lớp phong cách cụ thể hoặc định danh kiểu dáng. Người thứ nhất có thể được xác định một lần và được gán cho bất cứ thứ gì nhiều lần khi cần thiết, thứ hai thuộc về một phần tử đặc biệt.

Tổng mô hình mô tả logic

Theo truyền thống, kiểu được đặt trong một tệp tin CSS, nhưng có thể được gán cho một phần tử cụ thể trong thuộc tính kiểu của nó. Bạn có thể tạo ra một phong cách trong động lực bằng cách sử dụng JavaScript. Tầm quan trọng đặc biệt không phải là làm thế nào để mô tả ví dụ, thông qua CSS màu phông chữ, kích thước, tai nghe, nền dưới nó, vân vân. Vị trí của mô tả phong cách là quan trọng trong ngữ cảnh, thường là hai, của các ý tưởng: sau này được mô tả, nó được ưu tiên hơn, và nếu nó được mô tả trên một phần tử, nó là hoàn toàn quan trọng. Cuối cùng, bằng văn bản như là, xác định rõ ràng mức độ ưu tiên.

Áp dụng một phong cách để, ví dụ, một số màu font thay đổi màu sắc, bạn có thể làm điều đó ở bất cứ đâu và dù sao đi nữa. Câu hỏi đặt ra là, trình duyệt sẽ phản ứng thế nào với điều này trong quá trình tháo rời tất cả các kiểu trong tổng thể. Nó tốn bao nhiêu tiền cho thời gian CPU?

Lý tưởng cho màu phông chữ chỉ nên được chỉ định một lần - đó là một cổ điển. Để suy nghĩ ra một mô tả đơn giản hơn một vài, và sau đó một và ... tất nhiên, bạn có thể. Đó là thời trang, nhưng không thực tế.

Ví dụ về logic chung

Nó rất đơn giản: có xác định bởi màu sắc CSS chỉ cho ba yếu tố, bạn có thể có được ít nhất ba vấn đề dài chơi:

# Ele1, # Ele2, # Ele3 {
VỊ TRÍ: tuyệt đối;
Còn lại: 20px;
Đầu trang: 14px;
Màu sắc: màu đỏ;
}

# Ele2, # Ele3 {
Còn lại: 90px; / / Thay đổi phối hợp CSS theo chiều ngang
Màu sắc: màu vàng; // Thay đổi màu chữ của CSS
}

# Ele3 {
Đầu trang: 114px; / / Thay đổi phối hợp CSS theo chiều dọc

Màu sắc: xanh lá cây; // thay đổi màu phông chữ CSS một lần nữa

Màu nền: lightgrey; / / Màu sắc của CSS lựa chọn văn bản được thay đổi, nhưng điều này không có trong # Ele1 và # Ele2; Vị trí cũng được thay đổi, nhưng nó đã thay đổi trong # Ele2 và không giống như ở đây

}

Bây giờ chúng ta phải nhớ rằng tất cả ba yếu tố này đã được xác định ở đâu đó, và trong trường hợp thay đổi màu sắc đại diện của chủ sở hữu trang web, nhà phát triển sẽ phải nhớ không chỉ về màu sắc, mà còn về các quy tắc bên trái và bên trên, và sự thay đổi màu sắc của lựa chọn văn bản không nên bị lãng quên.

Không phải tất cả các nhà phát triển đều tôn trọng yêu cầu CSS: kiểu dáng của bộ nhận diện chỉ dành cho một phần tử và phong cách của lớp đối với nhiều thẻ và sau đó có thể được chỉ định trong các thẻ như các tính từ:

• Đặt màu chữ trong kiểu CSS của lớp groundColor;
• Chỉ định kích thước phông chữ - class size15;
• Đặt PlaceUp lớp.

Đương nhiên, việc sử dụng các định danh, đặc biệt là khi chúng thuộc về một yếu tố đánh dấu, tốt hơn so với 12 lớp phong cách, được vẽ bằng các kết hợp khác nhau trên một trăm phần tử trang. Nhưng mọi thứ đều có logic riêng của mình.

Nhà phát triển chỉ cần đưa vào tài khoản một cách chính xác: nếu ngay cả màu chữ HTML, CSS đề xuất mô tả cứng nhắc, thì tính linh hoạt của cấu trúc chung của mô tả là công việc của anh ta.

Kết quả mong đợi của việc áp dụng logic chung

Các trình duyệt hiện đại bình tĩnh tham khảo một số lượng lớn các tập tin phong cách và khối lượng của họ. Tuy nhiên, khi thiết kế, đặc biệt, thông qua CSS, màu sắc của toàn bộ trang, ta nên luôn luôn nghĩ đến sự đầy đủ hợp lý. Không phải tất cả các quy tắc kiểu dáng "rẻ tiền" trong ứng dụng. Một mục nhập laconic đơn giản: * (màu: trắng;} - chắc chắn là đẹp, nhưng nó áp dụng cho tất cả các yếu tố của trang mà không có ngoại lệ.

Trong tất cả các quy tắc mà CSS có, điều quan trọng nhất:

• Phong cách là một lớp, và sau đó tên của nó bắt đầu bằng ".";
• Style - định danh và tên của nó bắt đầu bằng ký hiệu "#";
• Trong các trường hợp khác - đây là tên của thẻ hoặc cái gì đặc biệt

Những ý tưởng khác về mô tả phong cách (thừa kế, tính chồng chéo, ưu tiên, vị trí, thứ tự, vv) nên được áp dụng một cách có ý nghĩa và khi cần thiết.

Các trình duyệt sẽ luôn luôn bỏ lỡ mà không hiểu trong mô tả, do đó sẽ không có bất ngờ đặc biệt. Nếu một cái gì đó không đúng vị trí hoặc bạn không thể thiết lập màu phông chữ trong CSS, thì lỗi là theo phong cách.

Cơ hội bất ngờ

Không lạm dụng các kiểu như * (còn lại: 124px; } Hoặc

Ol ol, ol ul, ul ul, ul ol {margin-bottom: 0; }
A img {border: 0; }

Mặc dù rất khó để buộc ngay cả một nhà phát triển người mới sử dụng CSS cũng như nguyên tắc. Luôn luôn trong sự phát triển của bất kỳ trang web, ngay cả một cú pháp CSS lý tưởng đơn giản trình bày những vấn đề không lường trước được. Tuy nhiên, nếu bạn cố gắng sử dụng đúng cú pháp, nhưng áp dụng các chức năng JavaScript cho nó, các tính năng không mong đợi mới sẽ cho phép bạn tránh tạo ra các mã nhận diện đơn giản cho mỗi phần tử hoặc theo nhiều cách áp dụng các lớp phong cách.

CSS không chỉ là một tờ kiểu dáng được kết nối với một trang thông qua một thẻ liên kết hoặc được chèn vào nó thông qua thẻ phong cách. Đây cũng là cơ hội để tạo ra một phong cách khi đang bay hoặc thay đổi một phong cách hiện tại.

Áp dụng CSS, màu chữ có thể được thực hiện theo chương trình. Cũng như kích thước, vị trí, thụt lề. Trang web không phải là mục tiêu áp dụng kiến thức về CSS, HTML, PHP hoặc các hiệu ứng JavaScript nhấp nháy.

Một tài nguyên web chủ yếu là thông tin được cung cấp theo một cách nhất định. Đó là lý do tại sao CSS được xem tốt nhất trong động lực học thông qua lăng kính của cách bạn có thể tạo ra nó trong khi trang vẫn còn trên máy chủ (nó được chiếm bởi PHP khi khách truy cập đến trang web, không phải là nhà phát triển tại thời điểm nó phát triển các trang web), Đối với văn bản cụ thể, đối với nội dung hiện tại, hoặc tạo lớp hoặc kiểu ID trong quá trình chạy của trang khi nó được xem bởi một khách truy cập cụ thể.

Động lực học tĩnh

Không phải lúc nào cũng cần phải viết mã JavaScript phức tạp để làm cho nội dung động và thiết kế của nó - nội dung phù hợp. Đôi khi nó là đủ để sử dụng đúng các cơ hội có sẵn. Cụ thể, bằng cách xác định màu phông chữ trong CSS theo nguyên tắc tĩnh, bạn có thể ẩn quy tắc ẩn và hình dung ra quy tắc khác (có thể nhìn thấy).

Ở đây sự năng động không yêu cầu một thuật toán:

/ / Đánh dấu nút đăng nhập trên trang web
Chức năng scfWelcomeOver () {
Document.getElementById ('scDocxNamePiP'). Style.visibility = 'visible';
}

// ẩn nút đăng nhập trên trang web
Chức năng scfWelcomeOut () {
Document.getElementById ('scDocxNamePiP'). Style.visibility = 'ẩn';
}

CSS cung cấp các biến thể động lực riêng: đường chạy, minh bạch các yếu tố, các biến thể của lớp phủ, biểu hiện, màu sắc biến mất. Trong CSS, màu chữ có thể được thực hiện ngay cả khi không có quy tắc kiểu được cung cấp.

Hiển thị nội dung động

Nếu không có giáo điều, chắc chắn sẽ không có tiến bộ nào. Chỉ đơn giản là không có gì để đấu tranh với. Siêu văn bản mang nhiều tín điều đến với thế giới. Đã đến lúc để chú ý đến họ và phát triển trang web theo phong cách thực dụng và thực dụng.

Ban đầu có một trang (P), nội dung (K) được đặt vào nó, tất cả các thẻ trang được mô tả trong bảng định kiểu (S). Nó không phải là mới để tạo ra một trang P thông qua PHP hoặc Perl trên máy chủ, chọn K từ cơ sở dữ liệu. Kiểu kiểu hiện có S được đính kèm tự động. Tuy nhiên, K có thể được thay đổi, và trong hầu hết các trường hợp một sự thay đổi như vậy sẽ đòi hỏi các phong cách khác, nghĩa là trong S +.

Ví dụ, khách hàng nói: "Các trang web mô tả cuộc sống của Moscow, nó sẽ trông tốt hơn nếu các bài báo được trang trí theo phong cách" ZAZ-Zavtrak ", mô tả của nhộn nhịp ban đêm theo phong cách" Las Vegas ", và các bài viết về sự tiến bộ khoa học và công nghệ theo phong cách" ModernTechno ". Nhưng nếu bạn thực hiện S cho ba lựa chọn này, thì không có gì đảm bảo rằng khách hàng sẽ không có ý tưởng để có một bộ bài báo "Tin tức", "Nghỉ lễ", "Công việc", "CSS / HTML" và tiền thưởng "Nữ hộ tống".

Thực tế hơn là một cách tiếp cận khác. Bất kể loại bài báo, luôn có nội dung trong đó có thể được tô màu theo một màu nhất định. Ở đây tại nơi này có một ý nghĩ khá hợp lý: sau khi nhận được một K cụ thể, thậm chí trên máy chủ để tạo thành một S đầy đủ, và khi trình duyệt yêu cầu P, nó sẽ nhận được nội dung cần thiết trong thiết kế phù hợp.

Động thái của phong cách từ JavaScript

Giải pháp tối thiểu, mặc dù rất hiệu quả, là làm kiểu dáng trực tiếp trong trình duyệt của khách hàng. Đầu tiên, nó giải phóng máy chủ - sẽ không cần lãng phí thời gian vào việc tạo ra các siêu văn bản và các tập tin kiểu dáng cho nó.

Thứ hai, chất thải tự nhiên của thời gian bên trong trình duyệt sẽ tạo ra hiệu quả mà trang đang bận và chủ động hỗ trợ cuộc đối thoại với khách truy cập: vẫn không nhận thấy nội dung số lượng lớn, do đó, anh ta sẽ thích đầu ra nhất quán và chu đáo.

Thứ ba, nó cho phép nhà phát triển cung cấp cơ chế để khách truy cập tạo nội dung theo phong cách mà nó thuận tiện. Không ai khác có điều này.

Để thực hiện ý tưởng này, cần phải thực hiện cơ chế tạo các kiểu phần tử ngay sau khi trang được tải và trong quá trình hoạt động của nó. Một trang web hiện đại là AJAX trong một hình thức này hay cách khác. Không khó để thực hiện việc tạo các kiểu trực tiếp trong quá trình tạo cây trang. Nó đơn giản, có thể truy cập và hiệu quả, bởi vì nội dung đi cùng với thiết kế của nó.

Điều này không mâu thuẫn với xu hướng hiện tại để tách bản trình bày dữ liệu khỏi quá trình xử lý của chúng và được thực hiện trên dữ liệu để lại hiển thị.

CSS là thành phần hoạt động

Siêu văn bản mang lại rất nhiều điều tốt đẹp, nhưng chỉ một phần nhỏ thông tin tự nhiên mới được thành công, các công cụ và kinh nghiệm trong việc tạo các tài liệu HTML, XML, CSS chất lượng cao đã xuất hiện. Không phải là vấn đề chính thức hóa khối lượng thông tin mới và thay đổi những gì đã làm trước đó.

Về CSS, quá trình này đã được kích hoạt trong một ngữ cảnh hoàn toàn khác. Các công cụ tích hợp sẵn trong JavaScript, cho phép tạo ra các yếu tố và kiểu dáng của các thành phần, không dự đoán được cơ hội như vậy, và đặc biệt là người sáng tạo ra PHP, được cho là chỉ tham gia vào việc hình thành các trang HTML.

Cả hai thứ nhất và thứ hai cho phép bạn làm các phong cách lập trình. Đây là một hướng mới trong lĩnh vực công nghệ thông tin. Styles là một điều chính thức hơn nhiều so với HTML hoặc XML, các quy tắc rất đơn giản. Phong cách luôn hiện diện trong thông tin, cho dù nó là gì.

Các lập trình xử lý dữ liệu luôn hoạt động trong nhiều lĩnh vực không chính thức hơn, nhưng chủ đề CSS là một nhiệm vụ rất đơn giản, nhưng bằng cách nào đó không thuộc lĩnh vực quan điểm của quá trình phát triển.

Về các giáo huấn trong lĩnh vực lập trình

Giống như tảng băng trôi, tín điều không thể kéo dài các khoảng trống thông tin. Kinh nghiệm tích lũy được tập trung không chỉ trong tiêu chuẩn HTML và CSS, công cụ để làm việc với họ, kiến thức của các nhà phát triển.

Một nhiệm vụ đơn giản - để làm cho việc sử dụng màu chữ CSS - đã tìm ra giải pháp tuyệt vời của riêng mình. Các quy tắc, cú pháp, logic và tiện lợi là không thể nghi ngờ. Nhưng ngay cả khi bạn thực sự không cần nhiều phông chữ, bạn không cần nhiều màu sắc để thực hiện, và nói chung, cho các mục đích ảo hóa, tất cả các "quyền lực" của HTML và CSS không cần gì cả, thời điểm đến khi tri thức tình huống đi vào quá trình tái tạo và nó xuất hiện Kinh nghiệm và công cụ của giáo dục phong cách tự nhiên từ nội dung.

Như có thể, nó có thể không hoàn toàn rõ ràng, nhưng thực tế là quá trình này đang được tiến hành là hiển nhiên.