WEB学习小记
文章平均质量分 57
WEB学习小记
一人前行
如果你觉得迷茫,不知道自己的目标是什么,那就读书吧,把自己的工作做到极致!
展开
-
JS常见的事件
code 是指键盘上某个按键对应的code码。key 是指code上对应的值。原创 2023-07-16 18:31:11 · 324 阅读 · 0 评论 -
WEB学习-HTML的骨架
HTML的标准骨架 <!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.org/1999/xhtml" xml:lang...原创 2018-10-11 22:57:00 · 182 阅读 · 0 评论 -
WEB学习-HTML的基本语法特性
HTML对换行不敏感,对tab不敏感 HTML只在乎标签的嵌套结构,嵌套的关系。谁嵌套了谁,谁被谁嵌套了,和换行、tab无关。换不换行、tab不tab,都不影响页面的结构。所以: • <div> • <h3></h3> • <p></p> • ...原创 2018-10-14 10:28:00 · 193 阅读 · 0 评论 -
WEB学习-CSS基础选择器
基础选择器 1 标签选择器 就是标签的名字。 • <h1>前端与移动开发<span>1期班</span>基础班</h1>css: • <style type="text/css"> • span{ • color:...原创 2018-10-14 22:26:00 · 194 阅读 · 0 评论 -
WEB学习-CSS盒模型
盒子的区域 一个盒子中主要的属性就5个:width、height、padding、border、margin。width是“宽度”的意思,CSS中width指的是内容的宽度,而不是盒子的宽度。height是“高度”的意思,CSS中height指的是内容的高度,而不是盒子的高度padding是“内边距”的意思border是“边框”margin是“外边距” ...原创 2018-10-17 12:17:00 · 122 阅读 · 0 评论 -
WEB学习-CSS清除浮动
浮动的清除 来看一个实验:现在有两个div,div身上没有任何属性。每个div中都有li,这些li都是浮动的。 <div> <ul> <li>HTML</li> <li>CSS</li> <li>JS&l...原创 2018-10-18 10:53:00 · 128 阅读 · 0 评论 -
WEB学习-CSS中Margin塌陷
margin的塌陷现象 标准文档流中,竖直方向的margin不叠加,以较大的为准。 如果不在标准流,比如盒子都浮动了,那么两个盒子之间是没有塌陷现象的: 盒子居中margin:0 auto; margin的值可以为auto,表示自动。当left、right两个方向,都是auto的时候,盒子居中了:margin-left: auto;...原创 2018-10-18 11:39:00 · 145 阅读 · 0 评论 -
WEB学习-CSS行高、字体,链接的美化以及背景
行高和字号 CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。 单行文本垂直居中 文本在行里面是居中其中,行高:盒子高;需要注意的是,这个小技巧,行高=盒子高。 只适用于单行文本垂直居中!!不适用于多行。如果想让多行文本垂直居中,需要设置盒子的padding: font属性...原创 2018-10-22 15:02:00 · 956 阅读 · 0 评论 -
WEB学习 -相对定位、绝对定位、固定定位、z-index
相对定位 相对定位,就是微调元素位置的。让元素相对自己原来的位置,进行位置调整。 2、不脱标,老家留坑,形影分离 也就是说相对定位不脱标,真实位置是在老家,只不过影子出去了,可以到处飘。3、相对定位用途相对定位有坑,所以一般不用于做“压盖”效果。页面中,效果极小。就两个作用:1) 微调元素2) 做绝对定位的参考,子绝父相(讲绝对定位的时候说...原创 2018-10-31 10:50:00 · 1801 阅读 · 0 评论 -
WEB学习-兼容问题
WEB学习-兼容问题css选择器儿子选择器 (IE7开始兼容,IE6不兼容。) div>p{ color:red;}div的儿子p。和div的后代p的截然不同。能够选择: <div> <p>我是div的儿子</p> </div>不能选择: <div> <ul> <...原创 2019-02-18 15:38:00 · 106 阅读 · 0 评论