java達內(nèi)培優(yōu)筆記相關(guān)結(jié)

1.csscss：html頁面htmlcss1.csscss：html頁面htmlcss2.htmlcss(1)stylecss樣式（大多數(shù)標簽都可以具有style屬性style這種方式設(shè)置樣式不推薦大量使用,會造成頁面結(jié)構(gòu)的混亂,期的維護及擴展(2)stylecss樣式（head標簽內(nèi)部,style標簽,style元素進行修飾css代碼放在一個style標簽內(nèi)部統(tǒng)一進行管理htmlcss代碼的分離(3)css文件（headlinkcss(3)css文件（headlinkcss這種方式是將所有的css代碼放在一個獨立的文件中進行統(tǒng)一管理,htmlcss代碼的分離3div、span、p標簽（這三個標簽都可以看作是一個容器,可以用來包裹其他的html內(nèi)容,裹起來的內(nèi)容形成了一個組,css樣式對這一組的內(nèi)容統(tǒng)一設(shè)置樣式div:p元素的類型塊級元素:默認情況下獨占一行的元素,如divph1~h6br行內(nèi)元素:默認情況下,多個行內(nèi)元素可以處在同一行。如：spanhtml(1)標簽名(元素名)格式:元素名{},如(2)類(class)class屬性,可以為標簽設(shè)置所屬的類格式:元素名{},如(2)類(class)class屬性,可以為標簽設(shè)置所屬的類,class同的標簽則為一類,可以通過標簽名選擇器選中這一類的標簽進行修飾格式類名css},如<div<p<span(3)ID通過標簽上的id屬性,可以為標簽設(shè)置所屬的編號idhtml中是獨一無二的.id格式#id值css},如:<div格式:父選擇器后代選擇器 divspan#d1格式:父選擇器>子元素選擇器 divspan格式:父選擇器>子元素選擇器 divspan1,2,3,…如:選中所有的普通文本輸入框<inputtype=”text”<inputtype=”submit”AB格式:大哥+小弟 :hover:activemarginAB格式:大哥+小弟 :hover:activemarginmargin-top:margin-bottom:margin-left:margin-right:10px20px40px60px;/*上、右、下、左20px10px;/*上下、左右20px;/*上下左右注意:垂直外邊距合并的現(xiàn)象borderborder:5pxsolidborder-bottom:5pxsolidborder-left:5pxsolidborder:5pxsolidborder-bottom:5pxsolidborder-left:5pxsolidborder-right:5pxsolidpaddingpadding-top:padding-left:padding:10px20px40px60px;/*上、右、下、左padding:20px10px;/*上下、左右padding:20px;/*四個邊距6.css6.1塊級元素默認情況下,如果不設(shè)置寬度:其中寬是默認填滿父元素容撐起來高是由內(nèi)容決定(如果設(shè)置,就是設(shè)置的寬和高行內(nèi)元素默認情況下,不可以設(shè)置寬和高,給行內(nèi)元素設(shè)置的左右外邊距/邊框/內(nèi)邊距都會起作用,外邊距將不會起作用6.2.display--block:inline:默認情況下,不可以設(shè)置寬和高,給行內(nèi)元素設(shè)置的左右外邊距/邊框/內(nèi)邊距都會起作用,外邊距將不會起作用6.2.display--block:inline:inline-block:既具備行內(nèi)元素的特性(可以同行顯示),性(可以設(shè)置寬高none:用來隱藏一個元素,這種方式的隱藏是真的隱藏了,visibility:hidden這種方式也可以隱藏一個元素,顯示了,在原位置仍然占用空間（很少用到 left:right:center:justify:6.4.listlist-style-type:6.5.background-colorbackground-color framesetframe8.css簡單案例8.1._div_span_p 8.2._cssstylecss8.3.css8.2._cssstylecss8.3.csscssborder:1pxsolidcyan;font-size:35px;background-color:pink;<divstyle="border:1pxredsolid;font- /*1.*//*1.*/font-size:16px;/*2.background-color:#8FBC8F;color:green;background-color:#F0E68C;color:blue;/*3.idcssborder:1pxbluesolid;css<linkrel="stylesheet"8.5./*1.8.5./*1.#d1font-size:22px;/*2.*/background-color:#DEB887;font-size:16px;/*3..c1,.c2,#p1background-color:/*4.//classid<spanclass="c1<pborder:2pxborder:2pxsolidtext-indent:10px;/*5.*/background-color:/*6.*/text-decoration:none;/*text-decoration:underline;/*text-decoration:none;/*homeworkeasymallhomeworkeasymallregistcsshtmlhtml<!DOCTYPE charset=UTF-8<linkrel="stylesheet"href="css/regist.css"<td><inputtype="text"<td><inputtype="password"<td><inputtype="password"<td><inputtype="password"<td><inputtype="text"<td><inputtype="text"<inputtype="text"<imgsrc="img/regist/yzm.jpg"width=""height=""alt=""<tdclass="sub_td"colspan="2"><inputtype="submit"value="用戶htmlcsshtmlcssbackground-image:url("../img/regist/zc.jpg");background-repeat:no-repeat;background-position:centercolor:#990000;margin:0font-size:18px;border:1pxborder:1pxsolid/*tdmargin*/padding-top:10px;color:#fff;background-image:background-image:/*resourcevertical-align詳解8.7.csswidth:200px;height:8.7.csswidth:200px;height:200px;background-color:margin-left:20px;margin-right:20px;margin:10px20px40px60px;/*上、右、下、左*/margin:20px10px;/*上下、左右*/:border:5pxsolidgreen;border-top:5pxsolidgreen;border-bottom:5pxsolidblack;border-left:5pxsolidgray;border-right:5pxsolidyellow;vertical-align:middle;8.8.8.8.display:inline-block;/*display:visibility:hidden;/*一般不用width:200px;height:200px;background-color:margin:padding-top:20px;padding-left:20px;padding-right:20px;padding:10px20px40px60px;/*上、右、下、左*/