ICode9

精准搜索请尝试: 精确搜索
  • HTML基础介绍四2022-08-12 00:30:42

    分组与嵌套 div,p,span { /*逗号表示并列关系*/ color: yellow; } #d1,.c1,span { color: orange; } 伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&

  • 简单使用CSS与html制作了一个小网页2022-08-06 22:01:57

    <!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

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

    使用vue版本:[email protected] 使用vuedraggable版本:[email protected] 引用了如下脚本: <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版本:[email protected] 使用vuedraggable版本:[email protected] 引用了如下脚本: <script src="~/lib/vue/vue.global.min.js"></script> <link href="~/lib/element-plus/index.css" rel="stylesheet" /> <script src="~

  • com·mod·i·ty2022-08-02 16:31:07

    In economics, a commodity is an economic good that has full or substantial fungibility [可替代性]: that is, the market treats instances of the good as equivalent or nearly so with no regard to who produced them. Fungible, which derives from the Latin verb fun

  • html + css基础问题2022-08-01 10:33:35

    如何理解html语义化? 1、让人更容易读懂(增加代码可读性 2、让搜索引擎更容易读懂(SEO) 盒模型宽度 box-sizing margin负值的问题 margin-top 和 margin-left ,元素向上,向左移动 margin-rightf负值,右侧元素左移动,自身不受影响 margin-bottom 负值下方元素上移,自身不受影响 什么是BF

  • 解决flex布局横向显示不全2022-07-29 14:36:20

    <style> .showTotal{ width: 100%; //must set overflow: auto; } .outter{ width: 98%; min-width: 60vw; height: auto; overflow: auto; display: flex;

  • 原生js实现图片单张上传及批量上传2022-07-25 19:00:18

    效果图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com

  • 博客园 样式1 备份 准备更换样式继续美化 备份12022-07-24 12:31:40

     即使前方的路看似绝境,也要有硬生生给自己开出一条路的勇气    即使前方的路看似绝境,也要有硬生生给自己开出一条路的勇气           页面定制css代码 #home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ backgrou

  • 学生信息表单录入显示2022-07-22 21:35:58

    1. 基础样式: html结构: <h1>新增学员</h1> <form class="info" autocomplete="off"> 姓名:<input type="text" class="uname" name="uname" /> 年龄:<input type="text" class="

  • QSS学习2022-07-22 00:34:04

                         padding:内边距 margin:外边距用法  

  • 面试官:来实现一个js上下信息循环滚动2022-07-19 18:03:10

          <!doctype html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes,viewport-fit=

  • 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

  • CSS:盒子定位居中2022-07-17 11:03:05

    盒子定位居中: 文字居中:text-align:center(inline inline-block) 单行文本在盒子垂直居中:line-height:盒子的高度; 盒子在父盒子中水平居中:margin : 0 auto; 盒子在父元素中水平垂直居中: 一般情况下 ,设置父元素相对定位; 子元素绝对定位; 原因: 相对定位不完全脱标 其他元素不会占据他 的空间

  • CSS:外边距盒子水平居中,外边距合并-同层级2022-07-17 10:33:39

      外边距盒子水平居中 在父元素中居中:上下0px;左右auto;   必须满足两个条件: 1 必须是块元素; 2 盒子制定了宽度;   因为块元素的宽度默认是父元素的100% auto 左右外边距平分父元素宽度空间 方法: 只需要给左右的外边距都设置为auto,就可以使块级元素水平居中。margin: 0 auto;

  • CSS:凹凸文字,空心文字,精灵图(简),盒模型2022-07-17 10:33:24

    凹凸文字 class=‘ao’凹 class=‘to’凸 text-shadow:       空心文字 -<p> -webkit-text-fill-color: 颜色; -webkit-text-stroke-color: 颜色; -webkit-text-stroke-width: 大小;   精灵图(雪碧图) 为了节省网络资源,通常网页上小图标和图片都合成在一张图片上,到使用的时候

  • CSS:实现垂直水平居中的方法2022-07-16 21:32:08

    1、水平居中 text-align :center;  适用于行内元素 margin:0 auto;  适用于块级元素 dispaly:flex; justify-content:center;  适用于行内元素和块级元素 margin-left:50%;transform:translateX(-50%);  适用于行内元素和块级元素 先给要居中的元素设置display:table,然后设

  • 21级三翼技术部复试(前端)参考资料2022-07-16 14:34:40

    21级三翼技术部复试(前端)参考资料 一个目的是复习巩固一下,因为军训时发现脑中突然回忆不起来盒子模型了,感觉还是稍微敲一下会有印象,二是和大家一起分享交流一下,因为不保证每个答案都是正确且完善的。 题目内容: 按顺序从头到尾。 1.熟悉哪些标签需要闭合哪些不需要: 从标准原则上来

  • css3 @page2022-07-14 08:34:42

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>print  Geovin Du</title> <style type="text/css" media="screen"> /* https://www.w3.org/TR/css-page-3/ https://developer.mozi

  • 纯前端实现-tab卡片化样式切换2022-07-11 20:34:36

    纯前端实现-tab卡片化样式切换 html内容 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>选项卡切换</title> <link rel="stylesheet" type="text/css" href="./css/index.css"

  • 【JavaWeb】CSS盒子模型2022-07-10 21:02:45

    1.4 CSS盒子模型 border 边框 margin 间距 padding 填充 content为内容,border为边框 不同浏览器的页面宽度计算不同 IE 浏览器:实际尺寸 = width chrome浏览器:实际尺寸 = width + 左右borderwidth + padding <html> <head> <meta charset="utf-8"> <style type="text/css"

  • 路飞项目篇:前台主页功能2022-07-10 11:03:28

    header.vue <template> <div class="header"> <div class="slogan"> <p>老男孩IT教育 | 帮助有志向的年轻人通过努力学习获得体面的工作和生活</p> </div> <div class="nav"> <ul class="left-p

  • 【HarmonyOS】【JS】【布局】鸿蒙js开发input 输入框弹出输入法时上方布局被挤扁?2022-07-08 10:33:56

    ​  【问题描述】 JSUI中,使用input组件,弹出输入法后,上方布局被压扁,如下图所示: ​   【问题原因】 高度方向百分设置会导致产生挤压效果   【 解决方案】 高度方向上的数值参数设置为定值。具体参考如下代码: .home_page_container { flex-direction: column; align-ite

  • HTML+CSS 实现商品图片列表放大视觉效果 复制完整代码即可马上调用2022-07-08 05:00:06

    作者:极客小俊 公众号:同名 咱们废话不多说直接上代码案例素材! 准备工作 首先准备图片素材 放入到你的demo案例下的img文件夹 当然图片你也可以用其他类似的图来代替也是可以的!

专注分享技术,共同学习,共同进步。侵权联系[[email protected]]

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

ICode9版权所有