随笔分类 -  css

css---设置富文本样式参考
摘要：我们在做CSS样式处理的时候，需要对富文本的样式进行预设，以下给出具体的参考，大家可以选择使用。 .main-help-content .help-content-box .info-content{width:100%; font-size: 17px; line-height: 2.4em;} 阅读全文
posted @ 2024-04-26 11:12 帅到要去报警 阅读(317) 评论(0) 推荐(0)
css字体---跨站引入报跨域问题【解决方法】
摘要：最近遇到一个问题，考虑到网站的性能，需要将图标字体单独放到一个网站引入，减少资源占用，但是遇到一个问题，引入字体文件的时候，报跨域的错误。 具体解决方法：将图标字体转base64 转换网址：https://transfonter.org/ 按照以下三个步骤进行操作： 然后下周这个： 里面有个：sty 阅读全文
posted @ 2023-09-20 11:45 帅到要去报警 阅读(673) 评论(0) 推荐(0)
css---3d翻转
摘要：简单的一个3d翻转的动画特效： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .main-img{width: 800px; 阅读全文
posted @ 2023-09-06 10:12 帅到要去报警 阅读(103) 评论(0) 推荐(0)
CSS---写三角形
摘要：我们在做项目开发的时候，经常会遇到需要三角小按钮，如果不引入图片和字体，其实用样式也是可以写处理的。 具体示例： .div{width: 50px; height: 50px; border-left: 50px solid red; border-right: 50px solid yellow; 阅读全文
posted @ 2023-06-02 09:23 帅到要去报警 阅读(68) 评论(0) 推荐(0)
css---vw布局来适应移动端【解决rem的bug】
摘要：css做响应式布局，经常会用到em，rem等单位来布局，我们普遍的项目使用的是rem来进行布局，而且对于rem来布局，相应的编辑器都有对应的插件，但是使用rem来布局，有个缺点：设置HTML的font-size后，需要在页面中使用JS来动态改变HTML根元素的font-size，从而实现响应式布局， 阅读全文
posted @ 2021-01-15 10:40 帅到要去报警 阅读(478) 评论(0) 推荐(0)
css link import 两者之间的区别
摘要：link和@import都是HTML中引入CSS的语法单词。 <link href="外部CSS文件的URL路径" rel="stylesheet" type="text/css" /> <style type="text/css"> @import + 空格 + url(外部CSS文件URL路径地 阅读全文
posted @ 2021-01-08 18:05 帅到要去报警 阅读(199) 评论(0) 推荐(0)
css---移动端网站专属BUG【苹果手机】
摘要：最近在前端写页面的时候，遇到了三个苹果手机的专属BUG，记录下... BUG1：苹果手机 form 表单的input有阴影 解决方法： BUG2：苹果手机form表单里的input是圆角 解决办法： BUG3：苹果手机里面的的手机号码会被识别，添加蓝色 解决办法：添加meta属性 阅读全文
posted @ 2019-10-09 13:38 帅到要去报警 阅读(289) 评论(0) 推荐(0)
css3特效插件wow.js
摘要：在使用css3写特效的时候，会遇到比较麻烦的就是css3代码需要大量的调试，但是现在有了wow.js，让写特效变得简单了很多。 wow.js官网 使用教程： 第一步：wow.js依赖于animate.css，首先需要在 head内引入animate.css或者animate.min.css。 第二步 阅读全文
posted @ 2019-09-02 01:14 帅到要去报警 阅读(1425) 评论(0) 推荐(0)
sublime px转rem的方法【亲测有效】
摘要：在开发手机网站的时候，我们经常会用到rem来作为单位，但是手动转rem太麻烦了，那么怎么办呢？sublime安装cssrem来进行快捷操作。 安装过程： 第一步：去git上克隆 第二步：进入packages目录：Sublime Text -> Preferences -> Browse Packag 阅读全文
posted @ 2019-08-27 23:14 帅到要去报警 阅读(504) 评论(0) 推荐(0)
css---【vw,vh】进行自适应布局单位
摘要：在进行CSS3自适应布局，会用到 vw 和 vh 进行布局 视口单位(Viewport units) 什么是视口？ 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal V 阅读全文
posted @ 2019-08-01 17:01 帅到要去报警 阅读(586) 评论(0) 推荐(0)
meta name="location" 标签的使用
摘要：在进行一些操作的时候，我们可能会用到这个标签来什么，地理位置，不错的网站优化标签。 具体的定位信息可以，在百度的API中找到： http://api.map.baidu.com/lbsapi/getpoint/index.html 作用：定位当前的位置，便于百度移动搜索。 非常不错。 作用：定位当前 阅读全文
posted @ 2019-06-10 21:41 帅到要去报警 阅读(1548) 评论(0) 推荐(0)
半深入理解CSS3 object-position/object-fit属性
摘要：半深入理解CSS3 object-position/object-fit属性 一、春来了，春来了~ 帘外雨潺潺，春意阑珊。 奇怪，为何我要写个诗段子呢？ 或许是因为，本应是阳春三月的时候，依旧阴冷潮湿，丝丝凉意侵入小腿，无法让我无法安心整理思路。想明白了这点，我立马站起身来，打开房门，大步走出去！去 阅读全文
posted @ 2019-04-08 15:52 帅到要去报警 阅读(955) 评论(0) 推荐(0)
HTML5在手机端实现视频全屏展示
摘要：最近做项目，遇到一个问题，在手机上要实现视频的全屏播放功能。测试了很久，终于找到解决办法。 第一种：将视频放大来控制。 视频在播放的时候，全屏是根据高度来的，如果设置视频 video 标签的宽度是 100% 高度是 110% ，可以实现全屏，超过是溢出隐藏就可以了。 确定：手机屏幕尺寸不固定，这个高 阅读全文
posted @ 2019-04-08 15:48 帅到要去报警 阅读(7638) 评论(0) 推荐(0)
css---点击显示和隐藏
摘要：Document 菜单 首页 联系我们 产品 新闻 阅读全文
posted @ 2019-03-05 22:17 帅到要去报警 阅读(2505) 评论(0) 推荐(0)
css---计算页面的的宽度和长度
摘要：我们在写前端页面的时候，会遇到这样的情况，就是一个div设置宽度100%，设置左右边距10像素，这样的布局，在里面嵌套的div的宽度设置100%，这样写的话，里面的宽度是和外面的宽度一致的，同样是100%的宽度。 而我们想要的就是里面的宽度是100%-20的宽度，很多时候我们会用JS来做，其实我们可 阅读全文
posted @ 2019-03-01 13:27 帅到要去报警 阅读(5201) 评论(0) 推荐(0)
css---颜色过渡渐变
摘要：CSS 颜色过渡渐变 阅读全文
posted @ 2019-02-19 09:47 帅到要去报警 阅读(2453) 评论(0) 推荐(0)
css---媒体查询
摘要：简单示例： 标签示例： 阅读全文
posted @ 2018-05-25 14:46 帅到要去报警 阅读(169) 评论(0) 推荐(0)
flex弹性布局属性详解！
摘要：详细看下flex弹性布局具体属性： flex容器属性详解：flex-direction：row/column；(横排/竖排) 决定元素的排列方向；flex-wrap：nowrap/wrap/wrap-reverse(翻转)； 排列不下时如何排，默认排不下就压缩进行排；flex-flow是： flex 阅读全文
posted @ 2018-05-11 11:02 帅到要去报警 阅读(1214) 评论(0) 推荐(0)