webage种种笔记修订版本.pdfVIP

有关于Div_Css布局，JS_Html网页制作的种种笔记 两本书——《CSS 网站布局实录》《javascript 征途》，一个网站——W3school，大概的翻阅浏 览了一下，记录四部分如下： 目录 目录 张淳老师Notes Html Css Javascript 摘录 W3shool 《CSS 网站布局实录》 案例Model Question 张淳老师Notes Html 一、基本规范 二、元素分类 块状元素：可定长宽高 Div h1-h6 p pre ul/li/ol form fieldset legend noframes noscript 内联函数：紧挨着 A b ado big br button cit code dfn em i img input kbd label map object q samp script select small span strike strong sub sup textarea tt var 三、常用元素 div span p h1-h6 ul li ol dl dt dd img scr alt table tr td form method: GET POST action: input text(设定nam 值) password hidden reset checkbox（radio）imag fil （文 1 件上传）button and so on Css 1Chapter 一、使用方法：选择符{属性：值} 二、在网页中应用样式 CSS 1、内敛样式 2、内部样式 3、外部样式 link herf=”” type=”text/css” rel=”stylesheet” 三、 前置 id class 1、类型选择符 2、* 3、#p 4 、.p 5、包含选择符 div span 6、子对象选择符 divpspan#a1/span#a1 7、相邻选择符 p.red+p.blue 8、属性选择符 p[class] 9、属性值空格匹配 10、 前置匹配 ^ p[class^=”0”] 11、 后缀匹配 $ p[class$=”0”] 12、 子字符匹配 * p[class*=”0”] 13、 连字符匹配 群组选择符 p,ul{} 伪类选择符 :link/:visited/:active/:hover/:focus/:first-child 对象 ：fisrt-letter :fisrt-line 2Capter 一、常用的布局属性 div 随时调用 Height Width Postion: relative/absolute/fixed/static （default） ○ ○ ○ ○ ○ 1 top 2 left 3 right 4 botton 5 z-index:0 default 二、max-height/min-height/max-width/min-width 三、float:left,right clear:left/right/both/botton/top 四、overflow hidden –x –y 五、inline(只有块状元素有长宽大小)/block/inline-blo