1、創(chuàng)建4個(gè)p標(biāo)簽分別命名為one,two,class名為one并且id為three,僅標(biāo)簽
2、設(shè)置字體顏色,體會(huì)css的三種引入方式
①元素內(nèi)聯(lián) ②頁面嵌入 ③引入外部CSS文件
3、體會(huì)三種方式的優(yōu)先級(jí),并作出排序
4、引入網(wǎng)站初始化樣式頁面
5、設(shè)置p標(biāo)簽的寬400px和高200px;p標(biāo)簽寫點(diǎn)字
6、class名為one的p標(biāo)簽設(shè)置背景圖片、背景顏色黃色、背景圖片位置為上下左右各居中(background-position:center center;),橫向平鋪,各個(gè)值分開寫;字體微軟雅黑,字號(hào)26px;行高48px;加粗;各個(gè)值分開寫;字體顏色紅色,字間距2px;字居中;盒子左右居中,內(nèi)容間距設(shè)置為上40px,左30px;右50px;下60px;
7、class名為two的p標(biāo)簽設(shè)置背景圖片、背景顏色綠色、背景圖片位置為上60px左100px,不平鋪,各個(gè)值合并寫;字體微軟雅黑,字號(hào)26px;行高48px;加粗;各個(gè)值合并寫;字體顏色白色,字間距1px;盒子外邊距上60px;左30px;右40px;下50px;
8、id為three的p標(biāo)簽,轉(zhuǎn)化為行內(nèi)元素
9、最后一個(gè)p標(biāo)簽,轉(zhuǎn)化為行內(nèi)元素,且寬和高要生效
10、寫a標(biāo)簽2個(gè),span標(biāo)簽,b標(biāo)簽2個(gè),并加內(nèi)容,將span標(biāo)簽轉(zhuǎn)化為行元素
CSS樣式作業(yè)2019-8-14
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 一、CSS入門 1、css選擇器 選擇器的作用是“用于確定(選定)要進(jìn)行樣式設(shè)定的標(biāo)簽(元素)”。 有若干種形式的...
- 本文主要是起筆記的作用,內(nèi)容來自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
- HTML 軟件架構(gòu) C/S:C(客戶端,用戶通過客戶端來使用軟件),S表示服務(wù)器。一般軟件都是C/S架構(gòu)。軟件使用...
- 什么是選擇器 每一條css樣式聲明(定義)由兩部分組成,形式如下: 在{}之前的部分就是“選擇器”,“選擇器”指明...