CSS為什么這么難學？隨著技術(shù)的更新和迭代，前端工作越來越繁重和復雜。CSS技術(shù)就像一個數(shù)學問題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10

CSS為什么這么難學？

隨著技術(shù)的更新和迭代，前端工作越來越繁重和復雜。

CSS技術(shù)就像一個數(shù)學問題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10 1100 123的問題？

隨著CSS3的出現(xiàn)，CSS不再簡單，CSS3動畫、變形、漸變、過濾器等

布局有彈性、網(wǎng)格等。就像數(shù)學問題一樣，任何組合都是一種新類型的問題，變得極其復雜。所以學好基礎知識更重要，要有各種知識，扎實的基礎知識，看問題類型，有自己的想法，有多種解決方法，不受限制。CSS有復雜和困難的樣式，我們可以使用多種解決方案，比如canvas、SVG、真不圖像等等。

css一行文字怎么測量行高高度？

我通常會問開發(fā)人員程序的默認行高是多少倍。我試著按照那條線的高度來設計，我標記了特殊的線高度。

標記時，可以直接標記文本控件之間的距離

示例1：單行標題與文本之間的距離

當文本包含多行文本時，行與行之間應留有空格，以便美觀。如果文本大小為24px，行高為1.5，則在實際草圖中將行高設置為24×1.5=36px。實際上，草圖中多行文本控件的下半部分空格相等，值為：（36-24））÷2=6px。

如果標題是單行，則字體大小為32px。由于不需要在一行中留下空白，因此可以將行高增加一倍。也就是說，在草圖中，線高度設置為30×1=30px。當我在這里標記行高時，我會提醒開發(fā)人員在這里處理行高。

這樣，當我注釋時，我可以直接使用注釋程序注釋多行文本和標題文本之間的實際測量距離。如果設計目標是視覺上的20px距離效果，那么排版時控件之間的距離應該是：20-6=14px

示例2：多行標題和正文之間

正文和上面一樣，上下空格仍然是（36-24）△2=6px

兩個標題行，字體大小32px，行高1.5倍，將sketch的值設置為48px，則title控件的上下空格為：（48-32）△2=8px

因此為了保持20px的實際視覺效果，在sketch中標題與文本的距離應設置為：20-8-6=6px，所以用這里的打標軟件對6px進行實際的打標，可以直接用于開發(fā)者對標題和文字進行清晰的打標，文字的行高也可以。