ICode9

精准搜索请尝试: 精确搜索
  • 页首代码2022-09-13 07:00:09

    /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table t

  • 如何在纯 CSS 中创建视差滚动效果2022-09-10 01:30:51

    如何在纯 CSS 中创建视差滚动效果 Parallax scrolling (source: wikipedia.org) 您是否见过具有漂亮视差滚动效果的网站。这就是我们今天要创造的。 视差滚动是网站的不同部分以不同速度滚动的效果。大多数人尝试利用 javascript 库来实现这一点。但在这里,我们将提供一个纯粹基于

  • CSS 设置滚动条样式 ::-webkit-scrollbar2022-08-28 00:30:39

    ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用. ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块. ::-webkit-scrollbar-track — 滚动

  • vue 3 + element UI 使用vuedraggable实现从左往右拖拽至表格,表格支持搜索输入2022-08-05 16:36:13

    使用vue版本:vue@3.2.37 使用vuedraggable版本:vuedraggable@4.1.0 引用了如下脚本: <script src="~/lib/vue/vue.global.min.js"></script><link href="~/lib/element-plus/index.css" rel="stylesheet" /><script src="~/lib/elem

  • vue 3 使用vuedraggable实现从左往右拖拽2022-08-05 15:36:00

    使用vue版本:vue@3.2.37 使用vuedraggable版本:vuedraggable@4.1.0 引用了如下脚本: <script src="~/lib/vue/vue.global.min.js"></script> <link href="~/lib/element-plus/index.css" rel="stylesheet" /> <script src="~

  • jQuery突出显示图片2022-08-01 12:35:20

    <!--@description--> <!--@author beyondx--> <!--@date Created in 2022/08/01/ 11:29--> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <s

  • css2022-07-17 16:31:23

    一、CSS简介 1.CSS的简单介绍 HTML(结构)+CSS(表现)+JavaScript(交互) CSS最新版本是CSS3 如何学习CSS CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表,渐变...) 盒子模型 浮动 定位 网页动画(动画特效、自学) 2.什么是CSS和发展史 Cascad

  • CSS:calc计算属性-拓展2022-07-17 11:33:40

    (1)calc() 只作用于属性值 你唯一可以使用calc()函数的地方是在值中。 .el { font-size: calc(3vw + 2px); width: calc(100% - 20px); height: calc(100vh - 20px); padding: calc(1vw + 5px); }   (2)CSS很多长度都可以与calc()一起使用 px % em

  • table表格修饰css2022-07-14 14:31:09

    table{ width: 100%; } table td, table th { font-size: 14px; border: 1px solid #cad9ea; height: 45px; text-align: center; } .direct-search{ margin-top: 10

  • css2022-07-09 00:00:20

    css简介 定义:层叠样式表,Cascading Style Sheet ,包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。 三种引入样式的方式 外部样式表 link,写在头部 <link> 标签定义文档与外部资源之间的关系 代码 <head> <link rel="stylesheet" type="text/css" href="mystyle.css"

  • 04.盒子模型-内边距2022-06-11 09:33:49

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • 03.盒模型-边框2022-06-11 09:00:23

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • css三角形的制作2022-06-09 14:05:39

    目录三角形的制作 有些时候,网页中会有对话窗弹出,其中就需要引入三角元素,来标识是哪个元素弹出的对话框。 三角形的制作 三角形的制作使用 border 来进行制作。 当我们给一个盒子指定了大小为0,四个边框有大小且不同颜色时,这四个边框就会以三角的形式展现。 .box { wi

  • vue技巧状态类展示使用红绿圆点2022-05-21 17:33:27

    <el-table-column prop="status" label="状态" width="70%" > <template slot-scope="scope" > <span slot="reference" v-if="scope.row.status == 1">

  • CSS2022-05-10 12:00:07

    标签也叫元素 标签分行标签(行元素)和块标签(块元素) 行元素:不独占一行,设置宽高无效,继承父级属性 块元素:独占一行,设置宽高有效继承父级属性(带有display:block;) 行内块(内联块级)不独占一行,设置宽高有效,继承父级属性(带有display:inline-block;) 行元素:span i em strong b s u a 块元素:h1

  • 个人配置2022-05-06 12:33:22

    CSS 点击查看代码 /* #home { margin: 0 auto; width: 90%; margin-top: 20px; margin-bottom: 20px; } #blogTitle h1 a { font-family: 楷体; } #blogTitle h2 { font-family: 楷体; } #navList { font-size: 14px; font-family: 楷体; } .postTitle a:link, .postTitle a:vis

  • 设置border-image后border-radius不生效的问题解决2022-04-27 14:04:14

    html代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> <h1>我的第一个HTML页面</h1> <p>我的第一个段落。</p> <div class='div&#

  • CSS属性-【盒子模型】or【溢出属性】2022-04-14 23:34:14

    一、盒子模型 1.内边距padding 1个值,4个方向一样 padding:10px; 2个值,上下,左右 padding:10px 10px ; 3个值,上 左右 下 padding:10px 10px 10px; 4个值,上 右 下 左 padding:10px 10px 10px 10px; 2.内边距特性 1.可以设置单一方向 padding-方向:top bottom left lright 2.清除所有元素

  • CSS布局和属性2022-04-04 19:00:06

    一、尺寸属性 auto:无特定宽度值,由内容决定大小(默认值)。 <length>:用长度值来设定宽/高度。不允许负值。 <percentage>: 用百分比来设定宽度。不允许负值。 高度为100%是由内容的大小决定的,所以100%的高度是无效的。 解决方法1:设置当前容器的父元素的高度为100%或设置当前容器为

  • css - 定位2022-04-02 12:35:18

    定位: 定位=定位模式 + 边偏移   相对定位(relative): 移动的时候是依照自己原来的位置,原来标准流的位置继续占有,后面的盒子仍然以标准流的方式待他 元素 { position: relative; 定位模式 top: 10px; bottom: 10px; left: 10px; righ

  • 字体效果,内外边距排版2022-04-01 22:32:39

    <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>春雨-陈敏芳</title> <style type="text/css"> .box{ border: 3px #0099FF solid;/*设置边框粗细,颜色和类型*/ padding: 10px/*设置内边距*/ margin: 10px;/*设置外边距*

  • 响应式网页编写学习2022-03-27 12:00:50

    样式     注意media 中width 属性设置,那是为了页面大小连贯,不出现滚动条。最后一个设置居中,其他都是100%。 padding: 10px; box-sizing: border-box;   加上面两个样式是为了显示内容好看。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </meta>

  • css - 盒子模型圆角边框border-radius2022-03-27 01:33:15

    设置盒子的边框为圆角: 设置上下左右 border-radius:10px; 设置上左 border-top-left-radius:10px; 设置上右 border-top-right-radius:10px; 设置下左 border-bottom-left-radius:10px; 设置下右 border-bottom-right-radius:10px;设置为圆形 border-radius:50%;设置为圆角 border-ra

  • 【无标题】2022-03-21 16:07:12

    一、阴影效果 1、box-shadow box-shadow: x轴   y轴   阴影模糊度   阴影缩放    颜色   outset(默认外显,不要写)/inset(内显) 功能:为了解决h5的1px边框问题,也可用于装饰 .box{ width: 100px; height: 100px; background-color: red

  • 2D/3D——transform2022-03-11 13:06:01

    transform 定义旋转的 语法: .mydiv{ transform: rotate3d(30deg, 45deg, 100deg); } 值 描述 none 定义不进行转换。 translate(x,y) 定义 2D 平移。(10px, 10px)就是把元素右移10px,再下移10px translate3d(x,y,z) 定义 3D 平移。(3个值一个不能少)要用这个z值必须要

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有