
前端基础
夜幕之雨
改变自己,世界才会改变!
展开
-
前端基础知识补充笔记--动画animation
东西需要整理整理原创 2021-07-27 18:59:56 · 270 阅读 · 1 评论 -
前端基础知识补充笔记--css3(选择器)
1.~=,|=,^=,$=,*=的区别值是完整单词” 类型的比较符号: ~=, |=拼接字符串” 类型的比较符号:^=, $=,*=2.个人感觉用得着的。可以配合父级元素使用,使用率不大。配合脚本实现一些功能,可以节约一些脚本代码用得最多的选择器了吧。这些选择器都可以通过使用公式例如:p:nth-child(n+1),n是从0开始计算。注:P:nth-child与P:nth-last-child是根据父元素的子元素开始计算。不管是不是p都会算进去。..原创 2021-07-07 17:37:28 · 124 阅读 · 0 评论 -
前端基础知识补充笔记--vertical-align
CSS 的vertical-align属性使用场景: 经常用于设置图片或者表单(行内块元素)和文字垂直对齐。官方解释: 用于设置一个元素的垂直对齐方式,但是它只针对于行内元素或者行内块元素有效。语法:vertical-align : baseline |sub | super |top |text-top |middle |bottom |text-bottom |length 参数:baseline : 将支持valign特性的对象的内容与基线对齐sub : 垂直对齐文本的下标super..原创 2021-06-29 12:22:37 · 221 阅读 · 0 评论 -
前端基础知识补充笔记--清除浮动
四种方法:1.clear:both;一般用于,浮动块后面。比如(用得不多,我也是才彻底弄明白的,以前都没有用过)2.父级添加 overflow 属性可以给父级添加 overflow 属性,将其属性值设置为 hidden、 auto 或 scroll 。个人喜好使用overflow:hidden。3.父级添加after伪元素给父元素添加:.clear_test:after { content: ""; display: block; heig原创 2021-06-25 22:39:43 · 152 阅读 · 0 评论 -
前端基础知识补充笔记--盒子
1.边框border-collapse 属性控制浏览器绘制表格边框的方式。它控制相邻单元格的边框。语法:border-collapse:collapse; collapse 单词是合并的意思 border-collapse: collapse; 表示相邻边框合并在一起注意:行内元素为了照顾兼容性,尽量只设置左右内外边距,不要设置上下内外边距。但是转换为块级和行内 块元素就可以了。...原创 2021-04-14 22:30:27 · 186 阅读 · 0 评论 -
前端基础知识补充笔记--三大特性与注意事项
CSS 有三个非常重要的三个特性:层叠性、继承性、优先级需要注意一点的就是:行高的继承性body { font:12px/1.5 Microsoft YaHei;}行高可以跟单位也可以不跟单位 如果子元素没有设置行高,则会继承父元素的行高为 1.5 此时子元素的行高是:当前子元素的文字大小 * 1.5 body 行高 1.5 这样写法最大的优势就是里面子元素可以根据自己文字大小自动调整行高...原创 2021-04-14 15:48:46 · 186 阅读 · 0 评论 -
前端知识补充笔记--元素转换与背景
1.元素转换元素转换成块级:display:block;(我以前就只知道这个)。 元素转换成行内块级:display:inline-block;(在一些特定情况下,可以替换float)。2.单行文字实现垂直居中:让文字的行高对于盒子的高度。简单理解: 行高的上空隙和下空隙把文字挤到中间了. 是如果行高小于盒子高度,文字会偏上,如果行高大于盒子高度,则文字偏下...原创 2021-04-13 16:37:40 · 126 阅读 · 0 评论