27
4
我一直致力于寻找组织 CSS 代码的最佳方式，尤其是在大型网站上。我对编写风格不太感兴趣，而对人们如何构建和管理他们的代码更感兴趣。
我一直在遵循这个结构，我觉得它在可维护性方面工作得很好，但我想听取您对此的意见并听听其他方法:
Trung tâm cá nhân
Điều phát hành
từ bỏ/*=======================================
1. =reset
=======================================*/
/**
Anything but * reset
**/
/*=======================================
2. =base
=======================================*/
/**
Base rules so naked HTML has basic style and displays consistently x-browser
**/
/*=======================================
3. =base forms
=======================================*/
/**
Base form framework
**/
/*=======================================
4. =base site
=======================================*/
/**
Rules common across the majority of pages
e.g. header, footer, main columns, navigation, search bar etc.
**/
/*=======================================
5. =recurring styles
=======================================*/
/**
Re-useable snippets -- not to include positioning / structure etc.
e.g. buttons, icons etc.
**/
/*=======================================
6. =recurring modules
=======================================*/
/**
Re-usable modules common to multiple pages/views but not majority
e.g. a product carousel could be on the homepage as well as the product page and maybe even the checkout page etc.
**/
/*=======================================
7. =homepage
=======================================*/
/**
contains rules only applicable to homepage
**/
/*=======================================
8. =about page
=======================================*/
/**
contains rules only applicable to about page
**/
/*=======================================
9. =contact page
=======================================*/
/**
contains rules only applicable to contact page
**/
...and so on
如有任何想法，我们将不胜感激。
丰富
câu trả lời hay nhất
我的基本格式是在顶部添加 block 评论，并使用标题评论(与您的类似)深入到主要区域。
/*
* Title of the site
* Author
* Date created
* Last updated
*
* 1-2 line description of what the style sheet is for.
*
*/
/* Reset (probably imported)
-------------------------------------------------------------------------------- */
...
/* A Framework (probably imported)
-------------------------------------------------------------------------------- */
I like YUI Grids
/* Global
-------------------------------------------------------------------------------- */
Styles for basic elements like: body, h1-h6, p, ul, li, ..., and often a wrapper.
/* Header
-------------------------------------------------------------------------------- */
Any styles specifically for the header block (this is usually short)
/* Body
-------------------------------------------------------------------------------- */
Basic layout for the main body block
/* Footer
-------------------------------------------------------------------------------- */
Similar to header
/* Utility Classes
-------------------------------------------------------------------------------- */
Things like
.align-center { text-align: center; };
.hide { display: none !important; }
...
/* Specific Pages
-------------------------------------------------------------------------------- */
Those are my usual subsections (separated by 2 line breaks). Beyond that, short
rules that only apply to a certain page or subset of pages will get a section like
cái này.
更多提示:
缩进特定小节的后代。*
div#left-col { ... }
* html #left-col { ... }
#left-col p { ... }
#left-col ul { ... }
* html #left-col ul { ... }
#left-col li { ... }
*但是keep rules efficient包含在选择器中的后代数量。通常，我会写:
div#left-col li span { font-weight: bold; }
thay thế:
div#left-col ul li a span { font-weight: bold; }
请记住，这会准确地改变规则选择的内容，但只要它适用于您的页面并且可维护，就没问题。
按字母顺序排列属性。
thân hình {
color: #ccc;
font-family: Helvetica, Arial, sans-serif;
padding: 2em;
-webkit-something: some value;
}
将短规则折叠为 1 行(如果它不影响可维护性)。
div#left { float: left; margin-top: 30px; width: 300px; }
关于CSS 组织/结构，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3251321/
27
4
0
Tôi hiện đang cố gắng xây dựng một từ điển dựa trên bảng băm. Logic là: có một cấu trúc tên là HashTable với các nội dung sau: HashFunc HashFunc; PrintFunc PrintEntry;
Nếu tôi có một con trỏ tới một cấu trúc/đối tượng và cấu trúc/đối tượng đó chứa hai con trỏ khác tới các đối tượng khác và tôi muốn xóa đối tượng chứa hai con trỏ này mà không hủy các con trỏ mà nó giữ - Tôi phải làm điều này như thế nào? Con trỏ tới đối tượng A (chứa con trỏ tới đối tượng
Mã giống như gói này main import "fmt" type Hello struct { ID int Raw string } type World []*Hell
Tôi có một tệp CSV có định dạng sau: Mô-đun, Chủ đề, Chủ đề phụ. Nó cần có khả năng được nhập vào cơ sở dữ liệu MySQL với định dạng sau: CREATE TABLE `modules` ( `id
Thông thường tôi sử dụng một cái gì đó như copy((uint8_t*)&POD, (uint8_t*)(&POD + 1 ), back_inserter(rawData)); copy((uint8_t*)&PODV
Lỗi: Việc kết hợp chỉ có thể được thực hiện trên các bảng có loại cột tương thích. cấu trúc (lớp: chuỗi, skyward_number: chuỗi, skyward_points: chuỗi) <> cấu trúc (skyward_number: chuỗi, lớp: ký tự
Tôi có một loạt các con trỏ tới các cấu trúc và tôi đang cố gắng sử dụng chúng trong vòng lặp while. Tôi không hoàn toàn tự tin về cách khởi tạo nó một cách chính xác, nhưng tôi luôn làm điều này: Entry *newEntry = malloc(sizeof(Entry)
Tôi đang học C và câu hỏi của tôi có thể ngu ngốc nhưng tôi bối rối. Trong một hàm như thế này: int afunction(somevariables) { if (someconditions)
Hiện tại tôi đang thực hiện một nhiệm vụ lập trình và tôi thực sự chưa hiểu đầy đủ về liên kết vì chúng tôi chưa đề cập đến nó. Nhưng tôi cảm thấy cần nó để làm những gì tôi muốn, vì mảng không đủ nên tôi tạo cấu trúc như sau struct node { float coef;
Cho đoạn mã sau: #include #include #define MAX_SIZE 15 typedef struct{ int touchs;
struct contact list[3]; int checknullarray() { for(int x=0;x<10;x++) { if(strlen(con
Câu hỏi này đã có câu trả lời ở đây: Đã đóng 11 năm trước. Có thể trùng lặp: Vòng lặp “for” trống trong Facebook ajax AJAX gọi gì
Tôi vừa duyệt một tệp trong bộ phản xạ và thấy điều này trong hàm tạo cấu trúc: this = new Binder.SyntaxNodeOrToken(); Ai đó có thể giải thích cách bài tập này hoạt động trong C# không?
Tôi thường sử dụng các hằng chuỗi, ví dụ: DICT_KEY1 = 'DICT_KEY1' DICT_KEY2 = 'DICT_KEY2' ... nhiều khi tôi không quan tâm các chữ thực tế là gì miễn là chúng là duy nhất và con người có thể đọc được
Tôi mới sử dụng C và tôi không hiểu tại sao đoạn mã sau không hoạt động: typedef struct{ uint8_t a; uint8_t* b;
Bạn có thể tạo một cấu trúc hoạt động giống như một trong các lớp dựng sẵn, nơi bạn có thể gán giá trị trực tiếp mà không cần gọi thuộc tính không? Tiền thân: Số lượng RoundedDouble = 5;
Đây là mã của tôi: #include typedef struct { const char *description; int age;
Tôi nghĩ R có cấu trúc đặt tên hữu ích cho các thành phần danh sách khi tạo danh sách lồng nhau. Tôi có một danh sách các danh sách và muốn áp dụng một hàm cho mọi vectơ có trong bất kỳ danh sách nào. lapply thực hiện điều này nhưng sau đó loại bỏ cấu trúc đặt tên của danh sách. Làm cách nào để áp dụng các cột lồng nhau
Tôi đang tạo một công cụ sắp xếp cá nhân cho mục đích học tập và tôi chưa bao giờ làm việc với XML nên tôi không chắc liệu giải pháp của mình có phải là giải pháp tốt nhất hay không. Đây là cấu trúc cơ bản của tệp XML tôi đính kèm:
Tôi chưa quen với khái niệm nosql nên khi bắt đầu học PouchDB, tôi đã tìm thấy bảng chuyển đổi này. Sự nhầm lẫn của tôi là, PouchDB hoạt động như thế nào nếu tôi có thể nói rằng tôi có nhiều bảng, điều đó có nghĩa là tôi cần tạo nhiều cơ sở dữ liệu? Bởi vì theo tôi trong bagdb
Tôi là một lập trình viên xuất sắc, rất giỏi!