Day4 其他簡(jiǎn)單的css屬性

1.背景圖

  • 如果背景圖大于盒子的大小恭取,背景圖能顯示多少,就顯示多少
  • 如果背景圖小于盒子的大小通危,就會(huì)平鋪(重復(fù)顯示)
background-image: url(img/logo.png);

2.是否平鋪

background-repeat:no-repeat ;

3.設(shè)置背景圖的位置

  • background-position: x y;
  • x: left/center/right/坐標(biāo)值
  • y: top/center/bottom/坐標(biāo)值*
background-position: center;

4.同時(shí)設(shè)置

  • background:圖片地址 是否重復(fù) x y
  • background:圖片地址 是否重復(fù) x y 背景顏色
background: url(img/l-icon.png) no-repeat 100px  100px black;

列表相關(guān)

ul{
                /*1.設(shè)置符號(hào)樣式
                 * disc(實(shí)心圓)/circle(空心圓)/square(實(shí)心方塊)/none(去掉列表符號(hào))
                 */
                list-style-type: none;
                
                /*2.設(shè)置圖片的符號(hào)*/
                list-style-image: url(img/icon.ico);
                
                /*3.設(shè)置符號(hào)的位置*
                 * outside(li標(biāo)簽的外邊)
                 *inside(li標(biāo)簽的里邊)/
                
                list-style-position: outside;
            }

文字相關(guān)

p{
                /*1.設(shè)置字體大小*/
                font-size: 20px;
                
                /*2.設(shè)置字體顏色*/
                color: goldenrod;
                
                /*3.設(shè)置字體名*/
                font-family: "微軟雅黑";
                
                /*4.設(shè)置字體粗細(xì)*/
                /*取值:100--900,normal,bold,bolder*/
                font-weight: bolder;
                
                /*5.字體傾斜*/
                font-style: italic;
                
                /*6.內(nèi)容對(duì)齊方式*/
                /*center,left,right*/
                text-align: left;
                
                background-color: aqua;
                
                /*7.設(shè)置行高*/
                /*文字一行的高度(當(dāng)文字只有一行的時(shí)候設(shè)置行高和標(biāo)簽的高度一樣铸豁,可以讓文字垂直居中)*/
                height: 400px;
                line-height: 40px;
                
                /*8.文字修飾*/
                
                /*
                 * none:去掉文字修飾
                 * underline:添加下劃線
                 * line-through:添加刪除線
                 * overline:添加上劃線
                 */
                
                text-decoration: overline;
                
                /*9.首行縮進(jìn)*/
                text-indent: 4em;
                
                /*10.字間距*/
                letter-spacing: 1px;
            }
<ul>
            <li>Python</li>
            <li>H5</li>
            <li>Java</li>
            <li>測(cè)試</li>
        </ul>
        
        
        <p>
            陶淵明(352或365年—427年),字元亮菊碟,又名潛节芥,私謚“靖節(jié)”,世稱靖節(jié)先生逆害,潯陽(yáng)柴桑(今江西省九江市)人藏古。<br />
            東晉末至南朝宋初期偉大的詩(shī)人、辭賦家忍燥。<br />
            曾任江州祭酒、建威參軍隙姿、鎮(zhèn)軍參軍梅垄、彭澤縣令等職,最末一次出仕為彭澤縣令输玷,八十多天便棄職而去队丝,從此歸隱田園。<br />
            他是中國(guó)第一位田園詩(shī)人欲鹏,被稱為“古今隱逸詩(shī)人之宗”机久,有《陶淵明集》。
        </p>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末赔嚎,一起剝皮案震驚了整個(gè)濱河市膘盖,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌尤误,老刑警劉巖侠畔,帶你破解...
    沈念sama閱讀 206,013評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異损晤,居然都是意外死亡软棺,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門尤勋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)喘落,“玉大人,你說(shuō)我怎么就攤上這事最冰∈萜澹” “怎么了?”我有些...
    開封第一講書人閱讀 152,370評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵锌奴,是天一觀的道長(zhǎng)兽狭。 經(jīng)常有香客問我,道長(zhǎng),這世上最難降的妖魔是什么箕慧? 我笑而不...
    開封第一講書人閱讀 55,168評(píng)論 1 278
  • 正文 為了忘掉前任服球,我火速辦了婚禮,結(jié)果婚禮上颠焦,老公的妹妹穿的比我還像新娘斩熊。我一直安慰自己,他們只是感情好伐庭,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,153評(píng)論 5 371
  • 文/花漫 我一把揭開白布粉渠。 她就那樣靜靜地躺著,像睡著了一般圾另。 火紅的嫁衣襯著肌膚如雪霸株。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 48,954評(píng)論 1 283
  • 那天集乔,我揣著相機(jī)與錄音去件,去河邊找鬼。 笑死扰路,一個(gè)胖子當(dāng)著我的面吹牛尤溜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播汗唱,決...
    沈念sama閱讀 38,271評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼宫莱,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了哩罪?” 一聲冷哼從身側(cè)響起授霸,我...
    開封第一講書人閱讀 36,916評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎际插,沒想到半個(gè)月后绝葡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,382評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡腹鹉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,877評(píng)論 2 323
  • 正文 我和宋清朗相戀三年藏畅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片功咒。...
    茶點(diǎn)故事閱讀 37,989評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡愉阎,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出力奋,到底是詐尸還是另有隱情榜旦,我是刑警寧澤,帶...
    沈念sama閱讀 33,624評(píng)論 4 322
  • 正文 年R本政府宣布景殷,位于F島的核電站溅呢,受9級(jí)特大地震影響澡屡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜咐旧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,209評(píng)論 3 307
  • 文/蒙蒙 一驶鹉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧铣墨,春花似錦室埋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,199評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至屡律,卻和暖如春腌逢,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背超埋。 一陣腳步聲響...
    開封第一講書人閱讀 31,418評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工上忍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人纳本。 一個(gè)月前我還...
    沈念sama閱讀 45,401評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像腋颠,于是被迫代替她去往敵國(guó)和親繁成。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,700評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 一淑玫、CSS入門 1巾腕、css選擇器 選擇器的作用是“用于確定(選定)要進(jìn)行樣式設(shè)定的標(biāo)簽(元素)”。 有若干種形式的...
    寵辱不驚丶?xì)q月靜好閱讀 1,584評(píng)論 0 6
  • 學(xué)會(huì)使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握CSS三種顯示...
    七彩小鹿閱讀 6,305評(píng)論 2 66
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color絮蒿,font尊搬,text-align,li...
    wzhiq896閱讀 1,730評(píng)論 0 2
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color土涝,font佛寿,text-align,li...
    love2013閱讀 2,303評(píng)論 0 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5但壮? 答:HTML5是最新的HTML標(biāo)準(zhǔn)冀泻。 注意:講述HT...
    kismetajun閱讀 27,422評(píng)論 1 45