WebPage种种笔记
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
By jik1992 china.jik@
有关于 Div_Css 布局，JS_Html 网页制作的种种笔记
两本书——《CSS 网站布局实录》 《javascript 征途》 ，一个网站——W3school，大概的翻阅浏 览了一下，记录四部分如下：
目录
目录 .................................................................................................................................................. 1 张淳老师 Notes ................................................................................................................................ 1 Html........................................................................................................................................... 1 Css ............................................................................................................................................. 2 Javascript ................................................................................................................................... 4 摘录 .................................................................................................................................................. 6 W3shool .................................................................................................................................... 6 《CSS 网站布局实录》 ............................................................................................................ 8 案例 Model ....................................................................................................................................... 8 Question .......................................................................................................................................... 11
张淳老师 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(设定 name 值) password hidden reset checkbox radio） image file （文 （
By jik1992 china.jik@
件上传）button and so on
Css
1Chapter 一、使用方法：选择符{属性：值} 二、在网页中应用样式 CSS 1、 内敛样式 2、 内部样式 3、 外部样式 p>span>#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 2 3 4 5 ○top○left○right○botton○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-block 六、display none visible\ visibility:hidden visible