二丶 1.字体属性font: 字体名称(font-family)字体大小(font-size):pc中通常,字体大小表示为12px,14px。移动设备中通常表示为0.57rem。字体粗细(font-weight):设置或检索文本字体的粗细字体样式(font-style)行高(line-height) ...
分类:
Web程序 时间:
2019-04-15 23:05:59
阅读次数:
217
1、失效原因:块级元素的垂直相邻外边距会合并 2、解决办法 其中一个改为不是块级元素:display:inline-block; 设置父元素的border:1px #00ffff solid; 设置父元素的padding:1px; 给父元素设置overflow:hidden; 给父元素或者自身设置p ...
分类:
其他好文 时间:
2019-04-11 16:05:22
阅读次数:
119
盒模型 盒模型 除了图片表单元素之外,基本所有标签都可以看做一个盒子 盒模型的要素 width和height 标签内容的宽高,不是盒子的宽高 padding 内边距 内边距是标签内容和边框的距离 padding的颜色和标签内容一致 margin 外边距 外边距是标签相对于父标签和兄弟标签的距离 兄弟 ...
分类:
其他好文 时间:
2019-04-04 14:24:28
阅读次数:
129
html知识点回顾与面试题<!--1、<DOCTYPE>告诉浏览器当前文档要以何种HTML或者XHTML规范解析2、语义标签strong 粗体em 斜体del 删除线ins 下划线 3、阻止a标签默认跳转1)原生js:<a href="..." onclick="return false"></a> ...
分类:
Web程序 时间:
2019-03-31 13:56:08
阅读次数:
178
1. 列表图片 2. 背景列表 3. 翻转列表 4. 水平导航 1. 内边距与外边距 Ul { Margin: 0; Padding: 0; } 2. 使用图片作为列表图标 Ul { Margin: 0; Padding:0; Width: 200px; List-style-image:url(i ...
分类:
Web程序 时间:
2019-03-31 09:23:21
阅读次数:
154
阅读目录 1. Web标准以及W3C 2. 主流浏览器内核 3. 标准模式(Standards Mode)和怪异模式(Quirks Mode) 4. CSS盒模型 5. 重置浏览器样式 6. HTML语义化 7. CSS选择器的优先级 8. 双外边距浮动问题 9. 3像素问题 10. IE6不支持m ...
分类:
其他好文 时间:
2019-03-29 00:41:39
阅读次数:
215
css属性分类介绍 CSS分类目录 1. 文本/字体/颜色 1. 文本相关 1. 字体相关 1. 颜色相关 1. 背景相关 1. 大小/布局 1. 大小属性 1. margin 外边距 1. padding 内边距 1. border 边框 1. position 定位 1. 列表/表格 1. 多列 ...
分类:
Web程序 时间:
2019-03-23 13:24:39
阅读次数:
238
css基础 1.选择器 id选择器 #id值{} 通配符选择器 *{} 群组 选择器1,选择2{} 后代 选择器1 选择器2{} 子代 选择器1>选择器2{} 伪类 鼠标滑过 :hover{} 获取焦点 :focus{} 鼠标未访问过 :link{} class选择器 .class值 标记选择器 标 ...
分类:
Web程序 时间:
2019-03-13 21:29:34
阅读次数:
266
我们在构造页面时,会发现有的元素是上下排列的,而有的则是横向排列的,这是为啥子呢 看看上图,我们也没给他设置啥子属性咋就不一样了,其实是因为每个元素都有默认的 display 属性,比如 div 标签的默认 display 属性是 block,我们通常称这类元素为块级元素;span 标签的默认 di ...
分类:
Web程序 时间:
2019-03-12 09:21:16
阅读次数:
4073
js的相关距离 一、dom对象的距离 dom.style.width : 对象本身的内容宽度(这里必须是内联样式中的width,带px)(content) dom.style.height:对象本身的内容高度(这里必须是内敛样式中的height,带px)(content) dom.clientWid ...
分类:
Web程序 时间:
2019-03-04 09:55:18
阅读次数:
204