此篇雖然不是非常專業,但基本文字設定應該是沒什麼問題啦
再談談設定文字之前要先知道文字有哪幾種,所以可以先分為
<div class="banner1">
<h2>1</h2>
</div>
<div class="banner1">
<p>1</p>
</div>
在知道有哪些之後,再去做設定的時候才知道今天是要對誰做設定
那就來進入今天的正題吧!!
快捷鍵:fz+tab
假設今天要對標題做設定:
h2{
font-size:20px;
}
快捷鍵:fw+tab
假設今天要對內文做設定:
p{
font-weight:900;
}
(這邊不需加 px 等等單位)
假設今天要對標題做設定:
h2{
color:#000;
}
px : 絕對單位,代表螢幕中每個「點」( pixel )
em : 相對單位,每個子元素透過「倍數」乘以父元素的 px 值
rem : 相對單位,每個元素透過「倍數」乘以根元素的 px 值。
% : 相對單位,每個子元素透過「百分比」乘以父元素的 px 值。
預設值 : none --> 去除底線
我最常使用他在去除 超連結 的底線
結合上述的功能後,來試著修改看看
html
<div class="aaa">
<nav>
<a href="" class="text">我有底線</a>
</nav>
</div>
css
.aaa a{
color: #000;
font-size: 30px;
font-weight: 900;
text-decoration: none;
}
變更文字沒有很難啦~也有可能是我只會簡單的xd,沒關係
然後颱風明天就要來了,躲在家繼續寫鐵人賽好了哈哈
那我們鐵人賽Day12見囉!!