CSS零碎知识点记录

最新推荐文章于 2022-04-08 15:50:33 发布
原创 最新推荐文章于 2022-04-08 15:50:33 发布 · 118 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css

1. 设置阴影 box-shadow: h-shadow v-shadow blur spread color inset;

在这里插入图片描述
2. white-space

white-space CSS 属性是用来设置如何处理元素中的空白。

在这里插入图片描述

实例应用：在做js弹幕的时候，出现了发送的弹幕刚进入画面时没有换行，设置了 span 的 white-space: nowrap 解决问题！——js实现弹幕练习

h5,c3,js零碎知识点——文字溢出隐藏转化为小点，数组遍历、排序，怪异盒模型，预解析(函数提升)，css的六种方式，地址栏地址解析，input的属性值,隐藏滚动条
ytfty24124的博客
09-02 661
文字溢出隐藏转化为小点，数组遍历、排序，怪异盒模型，预解析(函数提升)，css的六种方式，地址栏地址解析，input的属性值,隐藏滚动条
前端CSS零碎知识点
nkshuangyuan2012的博客
11-10 402
按钮在鼠标滑过的样式选择器：.btn:hover。按钮点击时的样式选择器：.btn:active。
CSS零碎知识点
qq_45884377的博客
10-16 1666
CSS零碎知识点 浮动 浮动作用 ​ 用于网页布局，让垂直布局改变为水平布局 ​ 注意！！！当盒子已经浮动了就不能使用绝对定位，可以使用相对定位 浮动特点 浮动会脱离标准流，在标准流中不占位置 脱离后的浮动显示优先级比标准流高半个级别 浮动找浮动，几个元素同时浮动，后浮动的元素会在先浮动的元素的身后浮动 浮动受到元素边界的影响（div等块级元素独占一行） 浮动有特殊的显示效果，可以设置宽高，一行可以有多个浮动 浮动元素不能使用 text-align 和 margin:0 auto 来设置水平居中，但是浮
html,css零碎知识点
Bowen的博客
03-23 166
font 部分： font-style: italic; /*一般调节字体倾斜或者不倾斜*/ /*font-weight: bold; !*定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。*!*/ font-weight: 700; font-family: "Microsoft YaHei UI"; font-size: 16px; ----- 文本： color: red; /*文字颜色*/ text-align: center;/*文字对齐方式*/ text-.
HTML与CSS零碎知识点归纳
秋恨雪
11-05 1019
本人录制技术视频地址：https://edu.youkuaiyun.com/lecturer/1899 欢迎观看。一、HTML1、主要浏览器:IE、FireFox、Chrome、Opera、SafariTrident引擎，如：IEWebKit引擎，如:Chrome、Safari Gecko引擎 ，如：FireFox2、相对路径问题--相对路径是指相对于你所运行的那个html文件的路径图片路径还是用正斜线 /当...
CSS&CSS3零碎知识点
miao_599的博客
04-20 422
关于CSS的那点儿事！ 前端看似简单，学起来并不容易，前端发展迅速，一个还没彻底弄懂又发展新的了，于是乎，就特意从基础开始学，这里总结一下关于CSS的，随时补充 part1 外部样式表插入方式： <link href="css文档地址" type="text/css" rel="stylesheet" > 字间距：letter-spacing（默认2px） 单词间距：word-...
前端零碎知识点记录
qq_40268652的博客
04-08 147
前端刷题遇到的小知识
CSS零碎知识点（3）——居中头像
二木成林
11-14 1473
初始框的代码为： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #app { width: 500px; height: 400px; background: #00FFFF; border: 1px solid red; /*
css零碎知识点小结
weixin_30485799的博客
10-11 121
1、单行文字溢出显示省略号： div{ width: 200px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 2、对span设置text-indent期望缩进指定值，但是没有起作用，是因为text-indent只能给块级元素设置。所以改css为：...
CSS零碎知识点扩大可点击区域和半透明边框
weixin_45803990的博客
06-04 379
半透明边框 .box{ width: 200px; height: 200px; background-color: rgb(122, 116, 117); background: yellowgreen; display: flex; align-items: center; justify-content: center; .
day-day-up:系统的把前端零碎的知识点整理，更全面，更细节的学习前端知识，持续更新中。。
05-01
我们一起day day up 目录 ECMAscript 变量类型 原型和原型链 作用域，闭包和内存 事件循环 框架 vue 基本使用 ...周边工具（vuex，vue-router） ...css 正在整理中 html 正在整理中 设计模式 正在整理中
平时工作中常用的Python零碎知识总结，爬虫学习总结与练习，Python数据分析学习总结，目前正在重新整理中....zip
最新发布
02-22
Python是一种广泛应用于编程领域的高级编程语言，尤其在数据处理、自动化...总的来说，这份资料集将带你走进Python的世界，无论是初学者还是有一定经验的开发者，都能从中找到有价值的知识点，提升自己的Python能力。
继承、“圣杯模式“
ohnk_的博客
11-28 1158
一、继承的几种方法 1、传统形式——原型链 过多地继承了没用的属性 2、借用构造函数 不能继承
post请求提交图片链接地址，地址被截断
ohnk_的博客
05-22 1055
原本是想实现在数据库做一个存放图片地址的字段（varchar类型） 想在页面输入图片地址保存到数据库 在另一个界面把数据库里面的图片地址给到 img 的 src 属性，显示出来 BUG：图片链接通过post 请求保存到数据库被截断，链接不完整导致图片最后显示不出来。 经过一遍一遍调试之后发现是在 post 请求这里出了问题，因为图片地址里面有 & 这样的符号，使得链接被二次分割，识别为两个参数。 解决方法：对获取图片链接先进行处理保存进数据库，从数据库获取时再反处理。用 unescape() .
移动端rem布局总结（Reset257）
ohnk_的博客
11-30 455
rem 布局 1、rem是什么? rem (font size of the root element)是指相对于 根元素（html 标签） 的字体大小的单位。简单的说它就是一一个相对单位。 2、rem 与 em 的区别 em (font size of the element)是指相对于 父元素 的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素，一个是依赖父元素计算。 3、rem能等比例适配所有屏幕，rem是通过根元素进行适配的，网页中的根元素指的是 html ，我们通过设置html
构造函数、封装、原型
ohnk_的博客
11-17 328
2020.11.17 先来看一道题 返回结果是 false、false、true、true 实例的__proto__ 和 构造函数的 prototype 相等 关于原型（prototype） 1、原型即 prototype ，是 函数 的一个属性，也是一个对象，是祖先。构造函数+原型整体也是一个对象，叫做原型对象 。对象可以继承对象原型的属性。原型的存在可以减少代码的冗余，减少执行次数。 对象并不具有prototype属性，只有函数才有prototype属性。!! 2、利用原型的特点和概念可以提取共
less学习笔记（Reset257）
ohnk_的博客
11-27 266
学习移动端时新补充的 less 知识 ，记一下笔记 ???? 一、Less介绍 Less ( Leaner Style Sheets的缩写)是一门 CSS扩展语言 ,也成为CSS预处理器。 做为CSS的一种形式的扩展,它并没有减少CSS的功能,而是在现有的CSS语法上,为CSS加入 程序式语言 的特性。 它在CSS的语法基础之上，引入了量, Mixin (混入) , 运算以及函数等功能,大大简化了CSS的编写,并且降低了CSS的维护成本,就像它的名称所说的那样, Less可以让我们用更少的代码
CSS3的2D效果（Reset257）
ohnk_的博客
11-28 244
记于 2020.10.28 【P310】???? 一、transition 1、 transition CSS 属性是 transition-property 过渡特性，transition-duration 过渡持续时间，transition-timing-function 过渡定时功能和 transition-delay 过渡延迟组成的一个简写属性，用于实现过渡效果。 2、过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换，像是 :hover，:active 或者
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值