摘要：
响应式布局：随着浏览器宽度不同，显示内容也做相应调整。 自适应：不会随着浏览器宽度变化出现滚动条，等比例缩放页面。 常用做响应式布局和自适应框架：www.purecss.org 常用动画效果：animate.css 兼容性问题处理文章：https://ke.qq.com/course/134996# 阅读全文
摘要：
css权重： css3新增属性： 文字阴影 p{ text-shadow:5px 5px 5px #333; 水平位移、垂直位移、模糊半径、颜色 } 文字缩进 p{ text-indent:10px; 可以被继承 } 文字溢出处理 p{ word-wrap:break-word; 断单词，默认 wo 阅读全文
摘要：
特殊选择器： 1、* 所有标签 2、> 用于指定父子元素节点 3、+ 毗邻元素选择器（E+F，匹配所有紧随E元素之后的同级元素） 4、~ 匹配所有元素之后的同级元素（E~F匹配所有元素之后的同级元素F） 5、名称[表达式] a[title] 匹配设置了title属性的a标签 a[title=1] 匹 阅读全文
摘要：
定位： position:absolute; 绝对定位：设置该属性会脱离文档流，没有浮动效果，下面块会与上面重合。默认情况下，设置了绝对定位的块，它的top、left是相对于浏览器。当一个元素的父元素设置了绝对定位的时候，该元素在设置定位的时候（绝对、相对、固定），该元素的top和left相对的是父 阅读全文
摘要：
表格样式: caption{ 表格标题 caption-side:bottm; 至底显示 } table{ border-collapse:collapse; 边框重叠 } p{ cursor:pointer; 鼠标经过时变手指 } a{ text-decoration:none; 去掉超链接下划线 阅读全文
摘要：
css 叠层样式表 作用：网页外观 写css常用的三种方式： 1.行内样式。直接写在标签style里面 例：<div style="color:#F00; font-size:30px">你好</div> 2.内嵌式。在<head></head>标签里面写style样式 例： <head> <sty 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
摘要：
html5 新增标签学习： <audio></audio> 音频标签 <video></video> 视频标签 网页布局新增标签： <header></header> 头部标签 可用于任何含有头部意义的地方 <nav></nav> 导航标签 <article></article> 文章内容标签（可混 阅读全文
摘要：
常用标签学习： <img/>（单标签） 图片标签 使用效果：在网页中插入一张图片，可设置alt属性，在没有加载到图片的时候显示提示文字（插入图片有绝对路径和相对路径）。 <form></form> 表单标签 单独使用没有效果，需要在标签中加入其他标签配合使用。常用属性有action（提交表单地址）、 阅读全文
摘要：
html网页结构 <!DOCTYPE html> 版本申明 <html> <head></head>头部标签 <body></body>主体内容标签 </html> html标签大多成对出现 常用标签学习： <p></p>段落标签 使用效果：显示一段文字，不能分段，能空格，但只能空一个字符位置。 < 阅读全文