![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web基础复习(HTML+CSS+JS基础)
康立志
这个作者很懒,什么都没留下…
展开
-
定位position和z-index
定位position和z-index相对定位 relative相对定位微调小技巧绝对定位 absolute绝对定位微调小技巧固定式定位 fixedz-index 设置层级优先级相对定位 relative默认情况下元素 position 为 static,作为标准文档流的一部分,设置 relative 可转换为相对定位元素,该元素原本所占的空间(文档流)仍保留,之后可以通过设置垂直或水平位置,让这个元素相对于它的起点进行位移,exp:#box_relative { position: relat原创 2020-06-27 00:04:32 · 209 阅读 · 0 评论 -
浮动float和display
浮动float和display浮动样式 floatcss 浮动示例常规浮动效果1常规浮动效果2常规浮动效果3常规浮动效果4float 浮动实际应用场景:clear 清除浮动:float 浮动副作用-塌陷父元素:display 设置元素框类型浮动样式 float浮动的元素可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止,使用浮动的元素会默认转换为块儿级。css 浮动示例当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:常规浮动效果1当框 1原创 2020-06-26 23:53:18 · 685 阅读 · 0 评论 -
列表样式修改
列表样式修改列表样式list-style-type 设置列表项的标志类型通过 list-style-type 可以将 "无序列表" 同 "有序列表" 进行相互转换:清除列表项标志,作为样式初始化:list-style-image 设置列表项图像:list-style-position 设置列表项标志定位:简写列表样式:列表样式list-style-type 设置列表项的标志类型exp 把无序列表中的列表项标志设置为方块:ul { list-style-type : square; }通原创 2020-06-25 19:20:57 · 794 阅读 · 0 评论 -
盒子模型
盒子模型盒子模型标签默认样式:padding内边距border 边框border-styleborder-widthborder-colormargin 外边距使用小技巧:水平居中块儿级元素外边距合并怪异盒子模型盒子模型css 盒子模型 (Box Model) 规定了元素处理元素内容、内边距、边框和外边距的方式,在 css 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框不会影响内容区域的尺寸,但是会增加 “盒子” 的实际尺寸,故标准盒子模型中 “盒子” 尺寸的计算公式为:原创 2020-06-25 19:14:48 · 2682 阅读 · 0 评论 -
CSS背景样式
CSS背景样式背景色 background-color背景图 background-image背景重复 background-repeat:背景定位 background-position:背景关联 background-attachment:背景图尺寸 background-size多背景设置渐变背景色:背景色 background-color可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。background-color 不能继承,其默认值是 tra原创 2020-06-24 23:43:03 · 135 阅读 · 0 评论 -
CSS文本样式
CSS文本样式文本对齐 text-align字间隔 word-spacing缩进文本 text-indent:字符转换 text-transform:文本装饰 text-decoration:字体设置 font-family:字体风格 font-style:字体加粗 font-weight:字体大小 font-size:文字颜色 colorCSS色彩体系文字行高 line-height文本对齐 text-aligntext-align 属性可设置文本对齐方式,属性值 left、right、center、原创 2020-06-24 23:30:07 · 219 阅读 · 0 评论 -
CSS添加方法、选择器分类、选择器组合、样式优先级
CSS添加方法、选择器分类、选择器组合、样式优先级css 添加方式行级样式内联样式外联样式选择器分类通配符选择器:标签选择器:id 选择器:类选择器:css选择器组合语法条件关系并列关系派生关系子集关系相邻关系css层叠次序(样式优先级)css 添加方式样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中,甚至可以在 HTML 结构中设置样式表。行级样式当特殊的样式需要应用到个别元素时,就可以使用行级样式。使用行级样式的原创 2020-06-23 22:37:21 · 272 阅读 · 0 评论 -
html常用标签
html常用标签基础布局标签块级元素div行级元素span标题标签水平分割线标签段落标签 p换行标签br文本格式标签(行级标签)链接标签a图像标签img替换文本属性 alt:列表标签无序标签有序列表标题列表表格标签完整表格结构表格使用技巧表格标签常见属性表格单元格合并基础布局标签块级元素html 块级元素:“块级元素”译为 block level element,在浏览器显示时,通常会以新行来开始(和结束),exp:<div>, <h1>,<p>, <ul&原创 2020-06-23 22:14:06 · 155 阅读 · 0 评论