前端开发2025年09月06日
!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
前端开发2025年09月06日
CSS tips and tricks 原文出处：www.456bereastreet.com 原文发表时间：2005年3月15日 原文作者：Roger Johansson 作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名 最近,经常有朋友问我一些工作中遇到的CS...
前端开发2025年09月06日
转载自：解决文档中有url链接时被强制换行的问题 问题 当行内出现很长的英文单词或者url的时候，会出现自动换行的问题，为了美化页面，往往会希望这些很长的英文单词或者url能够断开来，超出的部分换行到下一行。 解决方案 可以通过使用两个属性来实现该需求： word-wrap:break-word; word-break:break-all; word-wr...
前端开发2025年09月06日
animate.css 动画样式，用户也可以非常容易修改设置喜欢的动画库。Wow.js 允许用户滚动页面的时候展示 CSS 动画。配合animate.css ，做出很棒的效果，它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。 animate.css使用效果： https://www.dowebok.com/demo/2014...
前端开发2025年09月05日
.itemContent { background-color:#F0F0F0; padding:3px 11px 11px 11px; text-align:justify; text-justify:inter-ideograph;} ...
前端开发2025年09月05日
fillEditorFakeTable.less /* add for the global title checkbox fake */ .fake-checkbox { display: inline-block; vertical-align: middle; white-space: nowrap; cursor: pointer; line-he...
前端开发2025年09月05日
chrome DevTools 里面 css样式里面 勾上 :hover 会将鼠标移上的效果一直保持，技巧：要在鼠标上的 div上 勾 :hover ...
前端开发2025年09月04日
height: calc(100vh - 100px); ...
前端开发2025年09月04日
@import "http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css" /*-防止各大cdn公共库加载地址失效问题，此地址我们会时时监控，及调整以保障正常访问,如果您不喜欢请改为自己的地址-www.jq22.com为您服务*/ /*当前为百度cdn公共库提供的jQue...
前端开发2025年09月04日
一、CSS函数的用法 设置css的属性值时可以使用css函数，如果color:rgba(20,30,50,0.5),css中有很多这样的函数。 a.calc()函数 这个函数是的可以计算容器的大小。如果设置容器的宽度:j main{ width: calc(100vh - 3.5rem - 8rem); } b.fit-content() 这个函数允许我们...