4.【html】
敦厚的曹操
用软件和网络改变中国人的传统生活!
展开
-
【html和css】Fontawesome最新的4.7.0版,675个图标
500px address-book address-book-o address-card address-card-o adjust adn align-center align-justify align-left align-right amazon ambulance american-sign-language-interpreting anchor android angellist angle-double-down angle-double-转载 2024-05-19 15:34:50 · 442 阅读 · 0 评论 -
【Html/Css】div中实现多行文本自动换行且垂直居中的例子(很实用)
【代码】【Html/Css】div中实现多行文本自动换行且垂直居中的例子(很实用)原创 2023-05-12 15:21:31 · 1157 阅读 · 0 评论 -
【Javascript/Vue】如何解决js中超链接跳转到新的页面不被浏览器拦截?(已解决,代码实例,亲测有效)
如何解决js中超链接跳转到新的页面不被浏览器拦截?(已解决,代码实例,亲测有效)原创 2023-01-14 22:19:04 · 449 阅读 · 0 评论 -
【css/vue】Vue组件中对body操作样式的一种解决方案
Vue组件中对body操作样式的一种解决方案原创 2023-01-01 17:28:02 · 1843 阅读 · 0 评论 -
【小程序】微信小程序如何实现view上下分屏固定比例,且具有滚动条效果(已解决)
微信小程序如何实现view上下分屏固定比例,且具有滚动条效果(已解决)原创 2022-12-31 15:57:00 · 1287 阅读 · 0 评论 -
【Css/小程序】如何实现div或view中的文字左右居中和垂直居中?(已解决:多行和单行自适应)
【Css/小程序】如何实现div或view中的文字左右居中和垂直居中?(已解决:多行和单行自适应)原创 2022-12-26 11:34:47 · 2654 阅读 · 0 评论 -
【Css】通过计算公式(加、减、乘、除)实现width和height的动态设置
【Css】通过计算公式(加、减、乘、除)实现width和height的动态设置原创 2022-10-21 11:31:25 · 700 阅读 · 0 评论 -
【Css】div或按钮鼠标经过或鼠标点击后效果样式(图文+示例)
【Css】div或按钮鼠标经过或鼠标点击后效果样式(图文+示例)原创 2022-09-24 20:39:15 · 25764 阅读 · 1 评论 -
【Html/Css】关于超链接锚点的示例
【Html/Css】关于超链接锚点的示例原创 2022-09-06 15:13:10 · 306 阅读 · 0 评论 -
【Vue/html】如何解决csdn下载网页后打开自动跳转登陆的问题(已解决)
【Vue/html】如何解决csdn下载网页后打开自动跳转登陆的问题(已解决)原创 2022-08-30 22:59:07 · 1427 阅读 · 0 评论 -
【Vue/Js】如何解决谷歌浏览器(chrome)扩展插件安装后,再打开自动消失问题(两种解决方案)
chrome插件原创 2022-08-19 14:44:00 · 9866 阅读 · 0 评论 -
【Html】新手学习Html+Css的入门知识要点(内部使用)
教程原创 2022-08-17 20:51:02 · 368 阅读 · 0 评论 -
【Html/Css】Https证书申请、安装和使用(新手IIS安装参考)
ssl证书原创 2022-08-09 18:44:39 · 723 阅读 · 0 评论 -
【Css】通过伪类在div中添加一个背景图片
通过伪类在div中添加一个背景图片原创 2022-07-01 17:37:01 · 2875 阅读 · 0 评论 -
【Css\Html】通过Css3中的box-sizing属性解决div盒子变形的问题
通过Css3中的box-sizing属性解决div盒子变形的问题原创 2022-07-01 11:31:36 · 483 阅读 · 0 评论 -
【Css/html】通过【视口mata】解决移动端网页规范问题
通过【视口mata】解决移动端网页规范问题原创 2022-07-01 10:55:00 · 106 阅读 · 0 评论 -
【Css/Html】网页Css默认设计样式载入模板代码body.css
网页Css默认设计样式载入模板代码body.css原创 2022-07-01 09:56:42 · 366 阅读 · 0 评论 -
【Css/小程序】DIV超出文本隐藏,并且显示“...”
【Css/小程序】DIV超出文本隐藏,并且显示“...”原创 2022-06-30 16:18:39 · 494 阅读 · 0 评论 -
【小程序/Css】通过Flex实现双列商品展示自动换行效果
【小程序】实现双列商品效果原创 2022-06-23 18:20:35 · 1282 阅读 · 2 评论 -
【Css】Css实现div卡片【横向滑动】效果(图文+完整源代码)
代码:<body> <div class="box"> <div class="card">卡片1</div> <div class="card">卡片2</div> <div class="card">卡片3</div> <div class="card">卡片4</div> <di...原创 2022-05-16 17:15:28 · 3802 阅读 · 0 评论 -
【Css】带边框的标签及图标标签实现(图文+完整代码)
一、带边框的标签body代码 <div class="top_2"> <div class="top_2_1">到这去</div> <div class="top_2_1">到店支付</div> <div class="top_2_1">经营资质</div> &.原创 2022-05-13 09:11:37 · 718 阅读 · 0 评论 -
【Css】通过flex弹性盒实现头像区的多行、多列效果(图文+完整代码实例)
完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2022-05-12 15:38:02 · 629 阅读 · 0 评论 -
【Css】css中class之间>(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解(转载,笔记用)
css中“>”(大于号)、"~"(波浪号)、" "(空格)、","(逗号)、"+"(加号)详解 - 知乎对新手来说,在布局中通常搞不清这些符号的用法,今天就来为大家详细讲解一下。 1、>(大于号) 子元素选择器 >大于号的意思是 选择某元素后面的第一代子元素 案例<style type="text/css"> h1&…https://zhuanlan.zhihu.com/p/180011240对新手来说,在布局中通常搞不清这些符号的用法,今天就来为大家详细讲解一下。转载 2022-04-14 11:44:11 · 16785 阅读 · 3 评论 -
【Css】Css和Html常用设计实例参考笔记(自己开发项目用)
一、左右居中1、div等块元素左右居中margin: 0 auto;margin: 0 auto;2、span等行级元素左右居中text-align: center;text-align: center;二、图片、图标字体等上下错位调整相对定位:position:relative{ position:relative; left:10px; top:10px}三、图标字体等上下错位调整............原创 2022-04-07 21:58:54 · 1146 阅读 · 0 评论 -
【Css】input输入文本框的样式大全和搜索框实例(图文和完整源码)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2022-04-01 16:43:55 · 18441 阅读 · 1 评论 -
【css】css中实现首行缩进效果(已解决)
text-indent:32px;后面的距离可以调节。原创 2022-02-28 15:03:36 · 506 阅读 · 0 评论 -
【Css】图标字体font-icon与文字上下不对齐(错位)的解决方法(图文+示例)
问题:箭头字体图标偏下了解决后样式:箭头字体图标与文字对齐代码:html:放入span中 <div class="more"> <span>更多</span> <span class="fonticon"><i class="fa fa-angle-right fa-lg"></i></span> </div>css:对sp原创 2022-02-27 22:30:08 · 2299 阅读 · 0 评论 -
【Css】使用float:left浮动后,导致后面div高度“塌陷”的解决办法(示例和图示)
正确的样式:在父元素中增加一条:overflow:hidden;错误的样式:上图,当"精选推荐"的span使用float:left后,后面的div线顶上去了。解决办法:在父元素中增加一条:overflow:hidden; #shop .title { margin: 20px 15px; font-size: 15px; font-weight: bold; color: rgb(53, 53, 53); overflow:hid原创 2022-02-05 22:11:44 · 1652 阅读 · 0 评论 -
【Css】针对logo头像实现的示例
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...原创 2022-01-10 18:43:02 · 266 阅读 · 0 评论 -
【Css】移动端用flex实现DIV高度自适应屏幕和带滚动条效果(代码示例)
一、手机移动端的默认设置像素,宽度为980px也可以利用meta来设置像素<meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="viewport" content="width=200px“ />二、设计图的宽度一般 是750px 或 1125px...原创 2022-01-10 10:45:58 · 3366 阅读 · 0 评论 -
【Css\flex】css中关于弹性布局flex的综合用法(示例展示)
一、简单的flex应用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">.原创 2022-01-09 22:42:10 · 1872 阅读 · 0 评论 -
【css】css中实现DIV动画缩放效果(示例)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...原创 2022-01-09 19:30:04 · 2964 阅读 · 0 评论 -
【Html】Html中的Form表单的基础示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2022-01-09 11:44:04 · 407 阅读 · 0 评论 -
【CSS】 Css背景图片及背景渐变综合知识和技巧大全(代码实例)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2022-01-07 22:29:01 · 914 阅读 · 0 评论 -
【CSS】css弹出菜单设置示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2022-01-07 20:58:50 · 598 阅读 · 0 评论 -
【CSS】阿里iconfont图标字体使用详解(一步一步图文示例)
1、新建一个文件夹 font-icon2、打开网站,登陆后,选择【我的项目】3、新建项目4、添加图标到项目(购物车图标)5、...原创 2022-01-03 21:22:24 · 2069 阅读 · 0 评论 -
【CSS】关于定位position的综合入门笔记(部分有示例)
一、参数和属性1、定位的五个属性2、相对定位reletive3、绝对定位absolute4、固定定位5、粘滞定位二、一个div在另一个div中实现绝对定位(结合相对定位)1、错误图:绝对定位,子div跳出父div,以浏览器的上边距、左边距定位2、解决后的图,使得子div相对父div设置定位位置通过在父div,加上,position: relative; /* 父div设置相对定位,子di...原创 2022-01-01 22:03:05 · 462 阅读 · 0 评论 -
【CSS】一个DIV在另一个DIV上下左右居中和在屏幕居中(示例)
实现效果:代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-原创 2022-01-01 20:44:33 · 742 阅读 · 0 评论 -
【CSS】用clear:left或伪元素清除float:left格式,防止顶上去
1、不清除效果图,box3会顶上去。2、清除后,效果图,不会顶上去。原创 2022-01-01 19:58:13 · 621 阅读 · 0 评论 -
【CSS】DIV左右并排不换行,且超出部分隐藏(示例代码招呼)
效果:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> .原创 2022-01-01 19:44:36 · 1194 阅读 · 0 评论