web開(kāi)發(fā)第二講美化界面css基礎(chǔ)知識(shí)點(diǎn)

    首先我們已經(jīng)了解過(guò)網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)html，具體怎么美化怎么更加方便的設(shè)計(jì)文字的樣式等方面，所涉及的知識(shí)點(diǎn)稱(chēng)為css，在后期網(wǎng)頁(yè)美化中非常重要。以下主要分兩個(gè)模塊來(lái)介紹css。
            第一：常涉及到的三種層疊樣式表，分別是：
            1、行內(nèi)樣式表
            <標(biāo)簽 ></標(biāo)簽>
            該方式不經(jīng)常使用
            2、頁(yè)面內(nèi)樣式
            <head>
         <style>
                        標(biāo)簽名{
                                            樣式名：樣式值；
                                                    }
            </style>
            </head>
            首先在<head>里面嵌套一個(gè) <style><style>          然后具體再在里面進(jìn)行樣式參數(shù)取值。
            3、外部鏈接表
            <head>
             <link rel="stylesheet" type="text/css" href="鏈接樣式表文件.css"/>
            </head>
            首先要在html下的<head>里面加入<link rel="stylesheet" type="text/css" href="鏈接樣式表文件.css"/>其次再新建一個(gè)css文件，然后再該文件下編輯樣式界面設(shè)定語(yǔ)句。
            標(biāo)簽名{
                                樣式名：樣式值；
                                }
        此時(shí)的標(biāo)簽名可以由三種方式，分別是
        類(lèi)選擇器
        .name{}
        調(diào)用：
        <any class="name"></any>
        ID選擇器
        命名：
        #name{}
        調(diào)用：
        <any id="name"></any>
        標(biāo)簽選擇器
        標(biāo)簽名{}   
        調(diào)用
        <標(biāo)簽>
            注意：id選擇器以#開(kāi)始，單詞調(diào)用。而class類(lèi)選擇器可以多次調(diào)用，以. 開(kāi)始。
            以上三種層疊樣式表的優(yōu)先級(jí)如下：
            行內(nèi)>頁(yè)面內(nèi)>外部樣式表
            第二：所涉及常用屬性以及屬性值

color:red; //字體顏色：紅色
text-align:center; //文本居中 left/center/right/justify 左/中/右/兩端對(duì)齊
font-weight:bold; //字體加粗 bold/bolder
font-style: italic; //字體傾斜
text-decoration: underline/none; //下劃線/去掉下劃線
font-size:19px; //字體大?。?9像素；
font-family:宋體；
font:19px 宋體; //字體大小字體；
background:背景顏色背景圖片背景是否重復(fù) 背景定位位置
//背景圖片 url(圖片路徑)
// 是否重復(fù) repeat/no-repeat/repeat-x/repeat-y 重復(fù)/不重復(fù)/水平重復(fù)/垂直重復(fù)
//背景定位位置 left/center/right 水平左中右 top/center/bottom 垂直上中下
background-size:精確像素/百分比 /em/rem 背景圖片大小控制
background-attachment: scroll; //背景圖片固定定位 scroll 滾動(dòng) fixed 固定
width:400px; 寬度
height:300px; 高度
border:solid 1px #000; 邊框線：實(shí)線線粗細(xì) 線顏色
線型：solid 實(shí)線 double 雙線 dotted 點(diǎn)狀線 dashed 虛線 none無(wú)邊框線
填充：
padding-top
padding-left
padding-right
padding-bottom
簡(jiǎn)寫(xiě)：
padding:值
padding:a
一個(gè)值表示四邊相同的填充
padding:a b;
兩個(gè)值表示上下是a，左右是b
padding:a b c;
三個(gè)值表示上是a,左右是b,下是c
padding:a b c d;
四個(gè)值表示：上，右，下，左
邊距：margin:值（同上）
*{ //通配符
margin:0;
padding:0;}
行高 ling-height 行間距
一般用行高布局垂直對(duì)齊方式
行高和高度一致，內(nèi)容在垂直正中間
行高比高度大，內(nèi)容在偏下
行高比高度小，內(nèi)容偏上
首行縮進(jìn)
text-indent:2em; 首行縮進(jìn)兩個(gè)字符
浮動(dòng)：
float:left /right 左浮動(dòng)、右浮動(dòng)
margin:0 auto;水平居中
文本轉(zhuǎn)換 text-transform:uppercase/lowercase/capitalize
大寫(xiě)、小寫(xiě)、首字母大寫(xiě)
列表：
list-style-type 列表樣式
list-style-image 列表圖片
list-style
行內(nèi)元素(內(nèi)聯(lián)元素) a span input img label select strong b
塊級(jí)元素 div p h2~h7 table ul ol dl form pre
display:block; 轉(zhuǎn)換為塊級(jí)元素（占一行）
display:inline-block; 轉(zhuǎn)換為行內(nèi)塊（寬高起作用）
display:inline; 轉(zhuǎn)換為行內(nèi)元素（占內(nèi)容位置）
超鏈接四種狀態(tài)
a:link 訪問(wèn)前的狀態(tài)
a:hover 鼠標(biāo)懸停時(shí)狀態(tài)
a:active 鼠標(biāo)點(diǎn)擊時(shí)的狀態(tài)
a:visited 訪問(wèn)后的狀態(tài)

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、天寧ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的天寧網(wǎng)站制作公司

本文標(biāo)題：web開(kāi)發(fā)第二講美化界面css基礎(chǔ)知識(shí)點(diǎn)
文章網(wǎng)址：http://jinyejixie.com/article12/iisdgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站改版、網(wǎng)站內(nèi)鏈、企業(yè)建站、域名注冊(cè)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

web開(kāi)發(fā)第二講美化界面css基礎(chǔ)知識(shí)點(diǎn)