
css
时间在飞飞
联系方式:18501080314 有2年音乐艺术教育行业工作经验,3年电商行业工作经验。热爱思考和实践,有4年多前端开发经历,其中3年旅游服务电商行业开发经验。性格开朗,热爱技术,有责任心,工作能力强。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
今天遇到一个前端面试题 css 相关的
问题是,已知一个div的行内样式写了width:300px; 如何在外部 <style></style>标签中修改这个div的样式为200px;<div style="width:300px;"></div><style>//如何在这里吧div的width改成200px</style>用 !important 是可以的优先级 - CSS(层叠样式表) | MDN浏览器通过优先级来判断哪些属性值与一个元..原创 2021-09-14 17:01:41 · 123 阅读 · 0 评论 -
Google浏览器保存记住密码默认样式修改,自动填充后input的背景色和color默认样式去除
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent; background...原创 2021-08-26 10:19:30 · 933 阅读 · 0 评论 -
bootstrap修改容器的宽度 1400px 修改默认宽度
经常在开发项目中遇到其他项目,但是需要响应式。想要用bootstrap的 栅格系统。但是随着现在屏幕宽度越来越大,很多设计稿的宽度都是1920px。页面内容宽度有1400px的,有1460px的,有1600px的等等,各种尺寸。之前的标准一般都是1200。在项目组开会过程中,有的主张要向淘宝,京东学习,坚持1200。但是这样做设计稿就需要进行等比缩放。或者重新进行设计稿的调整。尤其是领导拍板定稿之后。搞出这个问题。那就太麻烦了。所以这个时候基本上就会按照设计稿的尺寸进行开发。如果想继续使用栅格系统。就可原创 2021-07-06 11:30:37 · 2122 阅读 · 0 评论 -
animate.css 前端源码解析 css3重点 css重点 前端实践中的学习
这些是animation.css中比较典型的一些动画bounce在bounce.css 中 主要用到了animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 这个css属性。animation-timing-function 指定动画一个周期之内运动的速度。所以这个是用来控制值可以有 匀速 加速 什么linear , ease, ease in 什么的。还可以使用一个函数cubic-bezier(n,n,n,...原创 2020-08-13 17:30:15 · 301 阅读 · 0 评论 -
CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)
这个方式参考了使用了网上流传的方式来解决,是我目前已知的chuncss的最好解决方案。我把网上的又增加了文字两端对齐和,右侧padding,让‘...’更加紧贴文字,对文字形影不离。<div class="mutil-line-ellipsis"> <div>CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)CSS - 纯css实现多行文本溢出省略(兼容所有浏览器)</div>原创 2020-05-14 12:04:58 · 1795 阅读 · 0 评论 -
记事本记录
CSS Paged Media Module Level 3W3C Working Draft 14 March 2013This version:http://www.w3.org/TR/2013/WD-css3-page-20130314/Latest version:http://www.w3.org/TR/css3-page/Previous version:http://www.w3.o...翻译 2018-05-23 17:02:53 · 953 阅读 · 4 评论 -
移动端 样式重置 设置字体
因为移动端都没有微软雅黑,没有宋体,在移动端的默认字体都是无衬线字体,使用系统默认的字体所达到的视觉效果跟使用微软雅雅黑没有明显差别./* 移动端定义字体的代码 */body{font-family:Helvetica;}...原创 2018-05-28 16:09:46 · 1075 阅读 · 0 评论 -
vue deep Vue scoped CSS 与深度作用选择器 /deep/
文档:https://vue-loader.vuejs.org/guide/scoped-css.html#mixing-local-and-global-styles原创 2018-07-16 16:34:52 · 20658 阅读 · 0 评论 -
ios 设备的移动端页面 光标错位
1.这个问题遇到好多次了,经常是上下错位,原因是在input 获取焦点以后,键盘弹出后,页面网上移动,但是光标停留在了以前的位置,如果页面不复杂,可以在body上添加 position:fixed; 但是这样会引起页面失去滚动能力。目前只能是判断手势,使用js来改变滚动条的位置。为了页面稳定,尽量使用absolute,或者是float,还有flex。2.在ios 上还有一个问题是,在做一个使用了...原创 2018-08-04 12:30:02 · 5249 阅读 · 0 评论