摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3三角形画法</title> <style> .content{ width: 0px; height: 0px; margin: 50px auto 0px 阅读全文
posted @ 2017-06-28 21:35 木.玛 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 总结 标记:元素,标记语言标记标签 第一行:当前文档文档类型是HTML<!DOCTYPE html> html5:{ 概念标记语言: 什么是html元素【head ,body{ 1head{ meta title style } 2{ body[ 1内联、字符集;2块级;区别在于换不换行。] } 】 阅读全文
posted @ 2017-06-25 21:13 木.玛 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 简易相应式布局 #pagewrap { width: 980px; margin: 0 auto; background-color: lightgrey; } #header { height: 160px; background-color: lightpink; } #content { wi 阅读全文
posted @ 2017-06-25 21:10 木.玛 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 响应式:布局 第一步:在网页代码的头部,加入一行viewport元标签 viewport是网页默认的宽度和高度, 上面这行代码的意思是:网页宽度默认等于屏幕宽度(width=device-width), 原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。 所 阅读全文
posted @ 2017-06-22 21:41 木.玛 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 默认字符集(欧洲字符集) css复习 1层叠样式表 好处,重复使用。 body中通过样式选择器更改网页,多级元素都会影响页面 注意元素的之间的影响 外联外部建立一个css文件夹 加link rel=“stylesheet”文档类型 样式表文件。 href 文件路径。 内连: style 内嵌:内部写 阅读全文
posted @ 2017-06-22 21:30 木.玛 阅读(132) 评论(0) 推荐(0) 编辑
摘要: css3{选择器;}有!Important作用最强 加了!important;常见浏览器都通用;不能被覆盖 元素选择器; 关系选择器: 多层级之间的控制: 属性选择器; 伪类选择器; @pega:网页打印. 控制定位 Not(取相反) 伪对象选择器。 二属性 1{ 1前景颜色;颜色透明(opciti 阅读全文
posted @ 2017-06-22 21:29 木.玛 阅读(141) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .div1{ height: 350px; /*/!*background: red;*!/*/ /*float: left;*/ 阅读全文
posted @ 2017-06-18 18:58 木.玛 阅读(5002) 评论(0) 推荐(1) 编辑