得物 - 博客园

2020年8月8日

摘要： #### 定位 position * fixed 固定定位 + 参考物：浏览器的窗口 + 移动：left/top/right/bottom + 特点 - 不会跟随滚动条的滚动而滚动 - 脱离文档流 - 宽度自适应的时候，宽度不显示，可以通过设置width:100%; + **应用场景** - 固定导阅读全文

posted @ 2020-08-08 14:41 得物阅读(516) 评论(0) 推荐(0) 编辑

08-溢出属性与定位

摘要： #### 单行文本溢出显示省略号 * 溢出属性 overflow + visible 默认值 + hidden 溢出隐藏 + scroll 显示滚动条 - overflow-y y轴滚动 - overflow-x x轴滚动 + **auto** 没有超出的时候正常显示，超出之后才显示滚动条 * ** 阅读全文

posted @ 2020-08-08 14:38 得物阅读(123) 评论(0) 推荐(0) 编辑

07-元素类型以及元素类型的转换/css

摘要： #### img引入图片的bug * 图片自带3px的底部留白 + 给图片设置vertical-align:bottom/middle/top #### 去掉input按下时候的样式 * outline:none; 去掉边框 #### 元素类型 * 块级元素 div p ul li h1-h6 ol 阅读全文

posted @ 2020-08-08 14:32 得物阅读(105) 评论(0) 推荐(0) 编辑

05-背景图与浮动的练习

摘要： 2020-08-08 通过无序列表属性与伪类选择器完成。 li:hover{ color: brown; } 例图 2.背景图 background ：背景图的颜色背景图的路径背景图的重复方式背景图位置 3. 背景图的固定 background-attachment：源码： ··· <!DO 阅读全文

posted @ 2020-08-08 14:29 得物阅读(91) 评论(0) 推荐(0) 编辑

2020年8月5日

06-盒模型/css

摘要： #### css属性 * 边框做三角形 + transparent:透明属性 ```css 向下的三角形 div{ width:0; height:0; border-top: 20px solid red; border-right: 20px solid transparent; border- 阅读全文

posted @ 2020-08-05 10:22 得物阅读(88) 评论(0) 推荐(0) 编辑

05-浮动/css

摘要： #### css属性 * 列表属性 + 列表符号 list-style-type - disc 实心圆 - circle 空心圆 - square 实心方块 - **none 去掉列表符号** list-style:none + 列表符号的位置 list-style-position - outsi 阅读全文

posted @ 2020-08-05 10:21 得物阅读(122) 评论(0) 推荐(0) 编辑

04-选择器/css

摘要： #### css选择器 * 伪类选择器 (伪类：在某种状态下) 爱恨法则 (love hate) + 选择器:link **a标签**未点击之前的状态 + 选择器:visited **a标签**访问过后的状态 + **选择器:hover** 鼠标滑过某个标签的状态可以是所有的标签 + 选择器:ac 阅读全文

posted @ 2020-08-05 10:20 得物阅读(107) 评论(0) 推荐(0) 编辑

2020年7月30日

03-样式表/css

摘要： css 层叠样式表样式表行内(内联)样式表生成一个style的html属性属性值为 css属性：css属性值; <p style="width:300px;height:300px;background-color:olive"> 今天天气真好，但是我真的好困 </p> 内部样式表生成s 阅读全文

posted @ 2020-07-30 23:07 得物阅读(87) 评论(0) 推荐(0) 编辑

02-html标签&表格&表单

摘要： html的基本标签列表标签无序列表 <ul> <li>哈哈1</li> <li>哈哈2</li> <li>哈哈3</li> </ul> 快速生成4个li，里面的文本是哈哈+数值 ul>li*4{哈哈$} ul和li都是独占一行应用场景：导航/新闻列表/商品列表有序列表 <ol type="" 阅读全文

posted @ 2020-07-30 10:54 得物阅读(105) 评论(0) 推荐(0) 编辑

01-html基础&标签

摘要： html相关概念&&建站流程 html 英文：Hyper Text Markup Language 中文：超文本标记语言标记语言：描述网页的一种语言超文本：可以进行点击且跳转的文本或者图片等网页的组成部分结构(html)==w3c(万维网联盟) 样式(css)==w3c(万维网联盟) 行为( 阅读全文

posted @ 2020-07-30 10:05 得物阅读(126) 评论(0) 推荐(0) 编辑

得物

公告