真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

真正零基礎(chǔ)學(xué)習(xí)HTML(四)

盒子模型
css基本屬性:
1.border:邊框 solid:實(shí)線(xiàn)顏色
2.width:寬
3.height:高
4.background-image:url()背景圖片
background-repeat-x/y/no:水平重復(fù)或不重復(fù)
滾動(dòng):background-attachment:fixtd(固定)scroll(背景圖片默認(rèn)滾動(dòng))
background-position:left(水平)top(垂直);

創(chuàng)新互聯(lián)公司-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比都蘭網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式都蘭網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋都蘭地區(qū)。費(fèi)用合理售后完善,10多年實(shí)體公司更值得信賴(lài)。

字體屬性
1.大?。?font size> 單位:px,pd
2.樣式:font-style: oblique;(偏斜體) 、italic;(斜體) 、normal;(正常)
3.行高:line-height: normal;(正常) 單位:PX、PD、EM;
4.組合在一起,實(shí)現(xiàn)文本垂直居中 height: 40px;/測(cè)試attachment是請(qǐng)務(wù)必修改高度/line-height: 40px;
5.粗細(xì):font-weight: bold;(粗體) 、lighter;(細(xì)體) 、normal;(正常)
6.變體:font-variant: small-caps;(小型大寫(xiě)字母) 、normal;(正常)
7.大小寫(xiě):text-transform: capitalize;(首字母大寫(xiě)) 、uppercase;(大寫(xiě)) 、lowercase;(小寫(xiě)) 、none;(無(wú))
8.修飾:text-decoration: underline;(下劃線(xiàn)) 、overline;(上劃線(xiàn)) 、line-through;(刪除線(xiàn)) 、blink;(閃爍)
9.常用字體:(font-family):“Courier New”, Courier, monospace, “Times New Roman”, Times, serif, Arial, Helvetica, sans-serif, Verdana

鼠標(biāo)樣式
1.cursor:point小手
2.move十字
3.wait沙漏/轉(zhuǎn)圈
4.help問(wèn)號(hào)

區(qū)塊屬性
1.div塊級(jí)(獨(dú)占一行) span內(nèi)聯(lián)
2.對(duì)齊:text-align: justify;(兩端對(duì)齊) left;(左對(duì)齊) right;(右對(duì)齊) center;(居中)
3.縮進(jìn):text-indent: 數(shù)值px;text-indent: 2em; text-indent: 20px;
4.垂直對(duì)齊:vertical-align: baseline;(基線(xiàn)) sub;(下標(biāo)) super;(上標(biāo)) top; text-top; middle; bottom; text-bottom;
5.詞間距:word-spacing: normal; 數(shù)值
6.空格:white-space: pre;(保留) nowrap;(不換行)--


7.顯示:display:block;(塊) inline;(內(nèi)嵌) list-item;(列表項(xiàng)) run-in;(追加部分) compact;(緊湊) marker;(標(biāo)記) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格標(biāo)題);

盒子模型

1.border:10px solid red 邊框
2.padding:20px 邊框和內(nèi)容間距
3.內(nèi)容+填充padding+邊框+外邊距
4.margin:盒子和盒子距離

5.padding:上右下左(順時(shí)針)20px 10px 15px 5px
padding:20px(上下) 10px(左右)
padding:20px(上) 10px(左右) 5px(下)

6.上下盒子外邊距最終取最大的margin-top 或 margin-bottom
7.左右盒子外邊距最終取和值margin-right 或 margin-left
8.margin:0 auto;上下是0 左右居中

邊框?qū)傩?br/>1.border-style: dotted;(點(diǎn)線(xiàn)) dashed;(虛線(xiàn)) solid(實(shí)線(xiàn)); double;(雙線(xiàn)) groove;(槽線(xiàn)) ridge;(脊?fàn)? inset;(凹陷) outset;
2.border-width:; 邊框?qū)挾?br/>3.border-color:#;
4.簡(jiǎn)寫(xiě)方法:border:width style color;
5.Border:1px solid red

CSS文字屬性
1.color : #999999; /文字顏色/
2.text-decoration:underline; /加下劃線(xiàn)/
3.text-align:center; /文字居中對(duì)齊/
4.vertical-align:top;
5.top 把元素的頂端與行中最高元素的頂端對(duì)齊
6.bottom 把元素的頂端與行中最低的元素的頂端對(duì)齊。
7.圖像:list-style-image: url(xxx.gif/jpg/png);

CSS鏈接屬性
1.a:link /超鏈接文字格式/
2.a:visited /瀏覽過(guò)的鏈接文字格式/
3.a:hover /鼠標(biāo)轉(zhuǎn)到鏈接/
4.a:active /按下鏈接的格式/


當(dāng)前題目:真正零基礎(chǔ)學(xué)習(xí)HTML(四)
文章出自:http://weahome.cn/article/iihoog.html

其他資訊

在線(xiàn)咨詢(xún)

微信咨詢(xún)

電話(huà)咨詢(xún)

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部