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

CSS為什么這么難學(xué)？

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

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

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

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

css一行文字怎么測(cè)量行高高度？

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

標(biāo)記時(shí)，可以直接標(biāo)記文本控件之間的距離

示例1：?jiǎn)涡袠?biāo)題與文本之間的距離

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

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

這樣，當(dāng)我注釋時(shí)，我可以直接使用注釋程序注釋多行文本和標(biāo)題文本之間的實(shí)際測(cè)量距離。如果設(shè)計(jì)目標(biāo)是視覺上的20px距離效果，那么排版時(shí)控件之間的距離應(yīng)該是：20-6=14px

示例2：多行標(biāo)題和正文之間

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

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

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