CSS排版樣板文件？

是否有可靠的CSS排版樣板文件，它在名稱空間（即類）下工作，而不是全局的？CSS排版樣板文件？

讓我先簡單介紹一下情況：我使用了佈局的CSS復位，我希望能夠將某一類（.content爲例）添加到div，那麼這將適用於一些統一排版規則到div的唯一要素：

<p>This one's reset</p> 
<div class="content"> 
    <p>This one has typography rules applied</p> 
</div>

來源

2011-10-15 Cinnamon

「排版規則」究竟是什麼？ – deceze

因此很明顯，有沒有這樣的事情。如果你採用CSS排版樣板，你必須自己添加一個名稱空間，這是一個明顯的解決方案，但不是我所尋找的。

來源

2012-01-16 19:30:42 Cinnamon

-1

Font Squirrel會產生很好的測試@字體面對面語法的你，和保羅愛爾蘭有Bulletproof @font-face technique解釋這樣你就可以理解其背後字體松鼠的思維過程。

字體松鼠會最終給你CSS與此類似：

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('WebFont.eot'); 
    src: url('WebFont.eot?#iefix') format('embedded-opentype'), 
    url('WebFont.woff') format('woff'), 
    url('WebFont.ttf') format('truetype'), 
    url('WebFont.svg#webfont') format('svg'); 
}

，您可以在您的樣式表，然後用.content類這樣的引用：

.content { 
    font-family: 'WebFont', Arial, sans-serif; 
}

來源

2011-10-15 20:57:28 nikmd23

你可以使用任何預先存在的鍋爐板。您只需搜索並替換即可將.content添加到文件中的每個選擇器。

來源

2011-10-15 20:59:13

是的，這是我的計劃B :) – Cinnamon

那麼這將適用於一些統一排版規則應用到div的元素只有

如果我理解正確的話，你只需做你的樣式表，如果你想定位每在div

div.content *{ 
    /* YOUR STYLES */  
}

如果你只想樣式的元素210秒在div然後

div.content p{ 
    /* YOUR STYLES */  
}

例子：http://jsfiddle.net/8UE2D/

來源

2011-10-16 02:03:55

好主意！你甚至可以編寫沒有div的'.content * {...}'，所以它適用於這個類中的所有元素。 – martinstoeckli

很抱歉，如果這是晚了，但有這樣的事情，請參閱：http://www.gethifi.com/blog/a-boilerplate-for-css-typography

演示是在這裏：http://files.www.gethifi.com/blog/a-boilerplate-for-css-typography/demo/type.html

這是一個CSS樣板這臺漿紗，頁邊距和行高（基本沿着共同基線排列元素的東西）。

據現場，

默認情況下，所有的規則都preceeded用「內容」。這樣可以很容易地將此樣式表應用於特定的容器。

我還沒有使用它，但確實確認了typography.css文件的規則是以.content爲前綴的。

來源

2013-08-14 03:26:22 mary

CSS排版樣板文件？

回答

相關問題