2025 年 2月 16 日随笔档案 - 睡觉的时候不困,

2.14

摘要： "value 是完整单词" 类型的比较符号: ~=, |= "拼接字符串" 类型的比较符号: *=, ^=, $= 1.attribute 属性中包含 value: [attribute~=value] 属性中包含独立的单词为 value，例如： [title~=flower] --> [attri 阅读全文

posted @ 2025-02-16 22:29 睡觉的时候不困, 阅读(5) 评论(0) 推荐(0)

2.13

摘要：在以上淡入效果的例子中，个人理解： 1.设置提示文本的opacity属性值为0：表示提示文本常态下是不可见的 2.设置提示文本的transition属性为opacity 1s：可以理解为transition属性指向的是opacity属性的值的改变这一动作，且在1s的时间内完成该动作，即：所有触发该元阅读全文

posted @ 2025-02-16 22:28 睡觉的时候不困, 阅读(4) 评论(0) 推荐(0)

2.12

摘要：文末的“下拉内容对齐方式”实例中，尝试把.dropdown-content里的 right:0; 改成了 left:0; ，接着模仿实例给右边的按钮加上了内联样式" style="right:0;" " 按理应该能够像实例一样由内联样式(inline style)覆盖内部样式(internal st 阅读全文

posted @ 2025-02-16 22:27 睡觉的时候不困, 阅读(2) 评论(0) 推荐(0)

2.11

摘要：伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，阅读全文

posted @ 2025-02-16 22:26 睡觉的时候不困, 阅读(6) 评论(0) 推荐(0)

2.10

摘要：伪类可以看作以选中元素为基准点，此元素的一些状态或属性。 chrome消除 div 滚动条的宽度，通过箭头键直接控制滚动： divContainer { overflow: auto; height: 160px; width: 260px; background-color:red; } divC 阅读全文

posted @ 2025-02-16 22:26 睡觉的时候不困, 阅读(5) 评论(0) 推荐(0)

2.9

摘要：更为欣赏MDN中对此节的中文翻译。组合选择器被称为组合器（Combinators）。一共有4种组合器： ' ' 后代组合器（Descendant combinator） '>' 直接子代组合器（Child combinator） '~' 一般兄弟组合器（General sibling combi 阅读全文

posted @ 2025-02-16 22:24 睡觉的时候不困, 阅读(5) 评论(0) 推荐(0)

2.8

摘要：设置容器上下 padding 相同实现垂直居中和使用 line-height=height 实现垂直居中仅对单行文本有效，当文本行数超过单行时： 1）padding：文本仍然处于容器垂直居中的位置，但是容器的 height 会随着文本行数的增加而增大； 2）line-height=height：容器阅读全文

posted @ 2025-02-16 22:24 睡觉的时候不困, 阅读(4) 评论(0) 推荐(0)

2.7

摘要： postion: 1、absolute(绝对定位)，其位置相对于最近已定位的父元素，如果元素没有已定位的父元素那么它的位置相对于 2、static(默认的静态定位)，即没有定位，遵循正常的文档流对象，静态定位的元素不受top、left、right、bottom影响。 3、relative(相对定位) 阅读全文

posted @ 2025-02-16 22:23 睡觉的时候不困, 阅读(6) 评论(0) 推荐(0)

2.6

摘要：对于 CSS 里的 visibility 属性，通常其值被设置成 visible 或 hidden。 visibility: hidden 相当于 display:none，能把元素隐藏起来，但两者的区别在于： 1、display:none 元素不再占用空间。 2、visibility: hidde 阅读全文

posted @ 2025-02-16 22:22 睡觉的时候不困, 阅读(21) 评论(0) 推荐(0)

2.5

摘要：旅游回来了。。阅读全文

posted @ 2025-02-16 22:17 睡觉的时候不困, 阅读(3) 评论(0) 推荐(0)

1.30

摘要：跟家人去云南玩了。阅读全文

posted @ 2025-02-16 22:17 睡觉的时候不困, 阅读(4) 评论(0) 推荐(0)

1.29

摘要：今天春节休息一天！阅读全文

posted @ 2025-02-16 22:16 睡觉的时候不困, 阅读(6) 评论(0) 推荐(0)

1.28

摘要：文本格式化字体属性： 1.字体大小 font-size: px 、rem 、 pt 2.字体系列 font-family:系列1，系列2，…… 3.字体加粗 font-weight: lighter 300 normal 400 bold 600 bolder 700 字体样式 font-styl 阅读全文

posted @ 2025-02-16 22:14 睡觉的时候不困, 阅读(6) 评论(0) 推荐(0)

1.27

摘要：背景 1.背景颜色 background-color : 合法颜色值; 背景颜色 background-image : url(img/02.png); 背景图片 background-repeat: repeat; 背景图片的平铺 no-repeat 不平铺 repeat-x 设置x轴平铺 rep 阅读全文

posted @ 2025-02-16 22:11 睡觉的时候不困, 阅读(4) 评论(0) 推荐(0)

1.26

摘要：边框： 1.单属性设置 border-width: 100px; border-style: solid; border-color: #CCFF00; 2.单边单属性 border-top-width: 上边框宽度 border-top-style: 上边框样式 border-top-color: 阅读全文

posted @ 2025-02-16 22:08 睡觉的时候不困, 阅读(4) 评论(0) 推荐(0)

1.25

摘要：边框： 1.简写方式：同时设置4个方向的边框 border: width style color; width- - - - 边框的粗细 style - - - -边框样式 solid 实线 dotted 小圆点虚线 dashed 短线虚线 doubel 双实线 color - - - -合法颜色阅读全文

posted @ 2025-02-16 22:02 睡觉的时候不困, 阅读(20) 评论(0) 推荐(0)

1.24

摘要： 1.尺寸 width: height: 取值：1.px为单位的数字，rem 2.% 但是如果设置高度，当前元素的父元素是body，%失效 min-width max-width min-height max-height 2.具备属性，width和height的元素，都能设置宽高（img，table 阅读全文

posted @ 2025-02-16 21:59 睡觉的时候不困, 阅读(2) 评论(0) 推荐(0)

1.23

摘要：基础选择器： 1.通用选择器 2.元素选择器 3.ID选择器 4.类选择器阅读全文

posted @ 2025-02-16 21:57 睡觉的时候不困, 阅读(5) 评论(0) 推荐(0)

1.22

摘要： css样式特性： 1.继承性 2.堆叠性 3.优先级 4.调整优先级阅读全文

posted @ 2025-02-16 21:54 睡觉的时候不困, 阅读(3) 评论(0) 推荐(0)

1.21

摘要： css css:美化页面，修饰标签；html的属性只对当前标签有效，没有可重用性，导致没有可维护性。 css 具备一定的代码重用性，提高了可维护性。语法规范：每个样式属性之间用分号连接，例： color:red; 字体颜色 background-color:yellow; 背景颜色 font-s 阅读全文

posted @ 2025-02-16 21:50 睡觉的时候不困, 阅读(2) 评论(0) 推荐(0)

2025年2月16日

公告