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