Mẹo làm việc với CSS3 style sheet của bạn

KIỂU DÁNG TRONG CASCADE

Khi chúng tôi đã xác định cấu trúc trang web của mình và đã phát triển DOM Nói một cách chính xác, điều quan trọng là phải xác định các kiểu giống nhau, đó cũng là khu vực sáng tạo nhất và trong đó bạn có thể tùy chỉnh với mức độ chính xác cao nhất đến góc cuối cùng của trang web của mình. Cascading style sheet là giải pháp phù hợp nhất, nhưng đối với tất cả những ai đang lần đầu tiên bước chân vào thế giới phát triển web, có một số mẹo cần lưu ý để đạt được kết quả tốt nhất.

Để có được một kết quả chuyên nghiệp điển hình của giao diện người dùng tận hiến, cần phải tính đến một số khía cạnh nhất định như thứ tự, khả năng dễ đọc và việc sửa chữa các lỗi phổ biến nhất trong loại hình thực hành này. Tôi chia sẻ bên dưới năm mẹo rất cơ bản nhưng đồng thời cũng rất quan trọng đối với việc xử lý và cấu hình tối ưu các biểu định kiểu CSS của chúng tôi.

Đảm bảo thiết lập một thứ tự và cấu trúc hiệu quả trong các biểu định kiểu CSS3 của bạn

Tôi luôn chia các bảng định kiểu của mình theo thứ tự phân cấp. Ở nơi đầu tiên, tôi thường áp dụng các bộ chọn chung và sau đó tiếp tục thêm các khai báo của các bộ chọn html và cuối cùng đi làm việc trong id của vùng chứa và các phần tử phụ. Về cơ bản là đất tuân theo logic của DOM và bắt đầu từ cha mẹ để kết thúc với con cái. Tuy nhiên, chúng ta cũng có thể tuân theo một công thức hoặc thứ tự khác, chẳng hạn như chúng ta có thể nhóm các bộ chọn và khai báo có tính đến chức năng của chúng. Mọi thứ sẽ phụ thuộc vào sở thích của chúng ta và cách chúng ta cảm thấy thoải mái hơn khi làm việc.

Chọn tên rõ ràng và ngắn gọn cho từng bộ chọn của bạn

Có một điều rất quan trọng mà bạn phải tính đến, đó là CSS3 khác nhau về cách sử dụng chữ hoa và chữ thường, vì vậy việc viết một từ với chữ hoa có thể có nghĩa khác và có thể gây ra lỗi. Điều đơn giản nhất là luôn sử dụng chữ thường để tránh loại vấn đề này. Cũng cố gắng chọn tên cho các lớp học của bạn và ID của bạn có thể nhận dạng rõ ràng và chúng không khiến chúng ta nghi ngờ hoặc sai sót.

Đừng quên thêm các bình luận làm rõ

Chắc chắn bạn cần chia sẻ tệp của mình với những người khác, có thể là khách hàng hoặc đồng nghiệp trong nhóm làm việc của bạn, chẳng hạn như nhà thiết kế bố cục, nhà thiết kế hoặc nhà phát triển khác. Vì lý do này, điều rất quan trọng là phải chú ý đến cấu trúc và đảm bảo một kết thúc sạch sẽ và có trật tự. Các nhận xét làm rõ sẽ giúp bất kỳ ai truy cập trang định kiểu của chúng tôi có thể nhanh chóng tìm đường đi trong nháy mắt. Bất kỳ loại quan sát nào phải được tính đến nó phải xuất hiện dưới dạng nội dung. Hãy nhớ rằng bạn có thể bao gồm nội dung cả trong tệp Html và trong tệp CSS của bạn và trong cả hai trường hợp, đây là những nhận xét sẽ không được phản ánh một cách hợp lý trong kết quả cuối cùng và sẽ chỉ hiển thị khi mã nguồn được truy cập để chúng có thể rất Hữu ích.

Luôn áp dụng thiết lập lại trong biểu định kiểu của bạn

Mỗi trình duyệt có biểu định kiểu mặc định của nó, vì vậy để tránh bất kỳ lỗi hoặc thay đổi nào tùy thuộc vào trình duyệt mà trang của chúng tôi được xem, nó rất hữu ích và được khuyến nghị rằng đặt lại bảng định kiểu của bạn. Có một số lựa chọn thay thế, bảng định kiểu đặt lại của Eric Meyer có thể là một lựa chọn rất tốt.

Chọn công cụ hiệu quả nhất

Có rất nhiều công cụ mà bạn có thể sử dụng để đạt hiệu quả cao nhất có thể khi thiết kế trang web của mình. Từ việc tạo Wireframe đến phát triển cấu trúc trang web của bạn, cũng như tất cả các loại ứng dụng bao gồm Adobe Photoshop, Illustrator hoặc Fireworks. Bạn cũng có nhiều biên tập viên chuyên nghiệp là một trong những người được đề xuất nhiều nhất (ít nhất là tôi sử dụng) Sublime Text hoặc, không thành công, Adobe Dreamweaver vì chúng cung cấp các giao diện rất đơn giản với mức độ cá tính cao cũng như khả năng làm việc với mã của chúng tôi thông qua hệ thống phím tắt và hệ thống tự động hoàn thành sẽ giúp chúng tôi tiết kiệm hơn 70% thời gian mà chúng tôi sẽ sử dụng một trình soạn thảo văn bản thuần túy truyền thống.


Một bình luận, để lại của bạn

Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.

  1.   Marga Sánchez dijo

    Cảm ơn những lời khuyên, tôi đam mê thiết kế và mọi lời khuyên đều được đón nhận. Tiếp tục đi.
    Cảm ơn bạn!!!