摘要：
1.@media选择器 /* 设置最大宽度600px 在页面小于600宽度后执行里面的内容,如果设置min-width600px 页面宽度大于600时执行里面的内容 */ @media screen and (max-width:600px) { .a{ display: none; } } 添加到 阅读全文
摘要：
border-radius:圆角 输入百分比50%是一个圆形 box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 都是以像素为单位 background-origin：图片在div中开始的地方content-box是从内容开始、padding-box(默认) 或 border-box 是 阅读全文
摘要：
相对定位和绝对定位都是相对于父div标签的。 相对 以这个元素的本来应该在的位置为参照点 绝对——以父div标签的原点（左上角）为参照点。 由于外层是position:relative，所以里层是absolute的话，则会以外层的左上角为位移参考对齐。当然外层只写position:relative， 阅读全文
摘要：
/* 应用于所有元素,一般来写取消外边距和内边距 优先权低于元素选择器*/ *{ margin: 0px; /* padding: 0px; */ /* color: pink; */ } /* 无序列表修改前面的样式 */ .aa{ list-style-type:none; /* list-st 阅读全文
摘要：
1.字体 body { /*字体*/ font-family: "Microsoft Yahei"; /*字体大小*/ font-size: 20px; /*字体粗细 bold加粗 bolder更粗 lighter更细 400是默认 700等于加粗*/ font-weight: 400; /*字体样 阅读全文
摘要：
1.音视频标签 <!-- 视频音频 controls显示控制台 loop循环播放 autoplay自动播放--> <audio src="音频路径" controls="controls" autoplay loop>浏览器不支持时显示此文段</audio> <!--引入多个格式音频--> <aud 阅读全文
摘要：
1.ifram框架 <!--target属性的值与iframe的name相同可修改iframe跳转的地址--> <p><a href="b.html" target="iframe-a" >百度</a></p> <iframe src="a.html" name="iframe-a" width=" 阅读全文
摘要：
1.属性多个class属性可用空格隔开<div class="bb nn">属性</div>ID整个页面是唯一的<div id="w">第一个ID</div>style可以修改标签的样式2.锚点通过定义name来实现内部页面的跳转<a href="#aaa">置顶</a><a name="aaa"> 阅读全文
摘要：
<!DOCTYPE html>(声明是HTML文档) <html lang="en"> <head>(头部主要是用来放样式,引用脚本) <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- 阅读全文