css样式引入方式，及常用设置标签样式
生活随笔
收集整理的這篇文章主要介紹了
css样式引入方式，及常用设置标签样式
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一. 三種樣式引入方式
1. 內(nèi)聯(lián)式-直接寫在div標(biāo)簽中,不推薦用 <div style="color:red;font-size:20px;font-family:'Microsoft Yahei';line-height:30;"> 你好，我叫韓妹妹<br\> 你叫什么名字 </div>2. 內(nèi)嵌式，一般用在首頁(yè)，加載速度快 把style屬性寫在head標(biāo)簽中, 使用標(biāo)簽選擇器,比如div，這樣，定義的樣式會(huì)應(yīng)用到所有body中div標(biāo)簽中的內(nèi)容 <head><style type="text/css">div{color:red;font-size:20px;font-family:'Microsoft Yahei';line-height:30;}</style> </head> <body><div>你好，我叫韓妹妹</div> </body>
3. 外聯(lián)式，實(shí)際項(xiàng)目中用這個(gè) 新建一個(gè)樣式文件夾css，并在其中新建一個(gè)css文件，比如main.css，在其中寫入 div{color:red;font-size:20px;font-family:'Microsoft Yahei';line-height:30;}然后在原先網(wǎng)頁(yè)上頭部寫入如下, 同樣會(huì)把所有body中<div>標(biāo)簽中的內(nèi)容應(yīng)用指定樣式 <head><link rel="stylesheet" type="text/css" href="css/main.css"> </head>
二. 設(shè)置標(biāo)簽樣式，基本示例
1. 如果文本中有某個(gè)詞匯使用了<em>標(biāo)簽，要想使<em>標(biāo)簽中的文本不傾斜，可以在main.css中定義標(biāo)簽選擇器<em>,如下，那么文本中所有的<em>標(biāo)簽都不會(huì)傾斜了 em{font-style:normal; }2. 使用span標(biāo)簽使某個(gè)字段加粗，同樣在main.css中寫入 span{font-weight:bold; }3. 不想讓<h2>樣式加粗，并且用微軟雅黑字體，在main.css中寫入 h2{font-family:'Microsoft Yahei';font-weight:normal; }4. 使用font，用一句來(lái)設(shè)置是否加粗，字體大小，行高，字體類型，需要按順序?qū)?div{font:normal 30px/40px 'Microsoft Yahei'; #normal不寫的話，默認(rèn)是normal，對(duì)于<h1>也適用 }5. 去掉<a>標(biāo)簽中的下劃線 a{text-decoration:none; }6. 設(shè)置<div>標(biāo)簽中的文字首行縮進(jìn)2個(gè)字 div{color:red;font-size:20px;text-indent:40px; #想縮進(jìn)幾個(gè)，就是幾倍的font-size值font-family:'Microsoft Yahei';line-height:30;}7. 設(shè)置文本居中，也就是設(shè)置文字水平對(duì)齊方式 h2{font:normal 30px/40px 'Microsoft Yahei'; text-align:center #默認(rèn)值是left, 也可以寫成right，右對(duì)齊 }
轉(zhuǎn)載于:https://www.cnblogs.com/regit/p/8888993.html
總結(jié)
以上是生活随笔為你收集整理的css样式引入方式，及常用设置标签样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： dnf服务器地址修改,修改dnf单机服务
- 下一篇： 关于如何在代码里区分条码扫描扫描到是是一