棉花糖88

摘要： 知识梳理 1 盒子是网页布局的关键点2 padding值会撑开盒子3 样式的层叠性 后面的会覆盖前面的4 块级元素的宽度默认和父级的宽度一样5 块级元素不设置宽度就是通栏的6 border-top: 1px solid transparent; 透明边框7 li是块级元素 不用给宽度，默认和父亲一样 阅读全文

摘要： 一 显示模式 display 1）块级元素 h1-h6 p div ul ol li //1 常见块元素： //2 特点 . 自己独占一行 . 宽度默认父级容器的100% . 空格 内外边距都可以设置 . 是容器级盒子，可以包含 行内元素 和 块元素 p h1-h6 dt 都是文字级块标签，里面不能 阅读全文

摘要： 知识梳理 选择器就是找到页面中特定的HTML元素CSS就两件事 选对人 做对事选择器分为基础选择器 和 复合选择器 一 基础选择器 1）标签选择器 [ 元素选择器 ] div {color: red;} //直接写HTML元素名称 2）类选择器 [ 重点 ] <div class = "one tw 阅读全文

摘要： Emmet的HTML语法（敲代码的快捷方式） 版权声明：本文为网上转载。 所有操作按下“tab”键即可瞬间完成 元素 1.在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。 2.输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补 阅读全文

摘要： 背景总结 一 背景位置 [ 难点] background-position：X坐标 Y坐标; [ 参数可以使用方位名词 和 精确数值 ]精确数值: 百分数 或整数和单位标识组成的长度值 方位名词: top center bottom left right 1） 使用前提 必须先指定 backgrou 阅读全文

摘要： 一 文本样式 1）颜色 color 1 预定义颜色值 red blue pink等2 十六进制 #fff000 #000000 [ 最常用 ]3 rgb模式 rgb(255,0,0,0.1) 最后一个参数是透明度 [ 设置阴影时常用 ] 2）水平对齐 text-align: left center 阅读全文

摘要： 一 层叠性 .nav { color: red; } .nav { color: blue; } <div class="nav">样式的层叠性</div> //页面文字显示蓝色 原则： . 样式冲突 遵循的原则是就近原则，哪个样式离结构近，就执行哪个。 . 样式不冲突，不会层叠 二 继承性 子标签 阅读全文

摘要： Emmet的HTML语法（敲代码的快捷方式） 版权声明：本文为网上转载。 所有操作按下“tab”键即可瞬间完成 元素 1.在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。 2.输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补 阅读全文

摘要： 一 书写规范 1）空格规范 .box { width: 200px;}选择器和花括号之间有空格冒号和后面的值之间有空格 2）选择器规范 .box, .nav { width: 200px; height: 200px; }并集选择器，每个选择器声明必须独占一行 3）每个属性独占一行 .box {wi 阅读全文

摘要： input禁止输入的方法1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。<input type="text" value="哈哈哈" readonly="readonly">2：disabled 被禁用的 inpu 阅读全文