webage种种笔记修订版本.docxVIP

1 有关于 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 dl dt dd img scr alt table tr td form method: GET POST action: input text(设定 name 值) password hidden reset checkbox(radio) image file (文 2 件上传) 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) ○1top○2left ○3right ○4botton ○5z-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-block 六、 display none visible\ visibility:hidden visible 3 文档来源为:从网络收集整理.word 版本可编辑.欢迎下载支持. 三要素 Margin 外边距 Padding 内编剧 Border 边框 3Capter 常用值 一、颜色 二、绝对单位 in cm mm 三、相对单位 em ex{代表一个小写 x 的高度} px 像素 pt (屏幕变大不变其值) pica 四、百分比 width 30% 相对于页面的宽度 五、 URL 4Capter Fonts 一、关于字体 二、关于字体大小 font-size 三、其他字体样式 Font-weight:normal/bold/bolder/lighter Font-style:normal/italic/oblique 后两种斜字体 Text-transform:capitalize首字母大写/uppercase/lowercase/inerit 继承 Text-decoration:none normal overline underline blink and so on Font 缩写： font：font-style font-variant font-weight fo