ICode9

精准搜索请尝试: 精确搜索
  • 外边距塌陷2022-03-07 18:02:52

    当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom 下面的元素有上外边距margin-top,则他们之间的垂直间距不是margin-bottom与margin-top之和 取两个值中的较大者这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。     对于两个嵌套关系

  • CSS_flex布局解决最后一行分散问题2022-03-07 17:32:14

    <div class="container"> <div class="list"></div> <div class="list"></div> <div class="list"></div> <div class="list"></div> <div class=&qu

  • margin兼容性问题2022-03-07 11:33:01

    1.上下margin重叠问题 HTML: <div class="box1"></div> <div class="box2"></div> CSS: * { margin: 0; padding: 0; } .box1 { height: 100px; width: 100px; background-color: pink;

  • Typoa 使用2022-03-06 23:01:03

    1.调整双倍换行为单倍换行 文件 -> 偏好设置 -> 外观 -> 打开主题文件夹 -> 编辑主题css文件,如night.css 修改css文件中的 margin-bottom 为0rem; .wp-video-shortcode { margin-top: 0; margin-bottom: 0rem; /* 24px */ }

  • 【HTML】简单好看的404页面2022-03-06 16:04:25

    <!DOCTYPE HTML> <style type="text/css"> body{ font-family: 'Courgette', cursive; } body{ background:#f3f3e1; } .wrap{ margin:0 auto; width:1000px; } .logo{ margin-top:50px; } .logo h1{ font-size:200px; color:#8F8E8C; text-a

  • JavaWeb:(练习)十四、基于mybatis框架的简单的学生管理系统2022-03-06 11:58:37

    JavaWeb:(练习)十四、基于mybatis框架的简单的学生管理系统 JavaWeb:(练习)十四、基于mybatis框架的简单的学生管理系统一、说明二、目标三、系统获得方式四、系统测试及演示1、登陆演示2、系统主页面演示3、查看学生列表演示4、添加学生演示5、修改学生演示6、删除学生演示7、查

  • 对 BFC 的理解2022-03-05 11:03:40

    定义 先来看两个相关的概念: Box: Box 是 CSS 布局的对象和基本单位,这个Box就是我们所说的盒模型。 Formatting context:块级上下文格式化,它是页面中的⼀块渲染区域,并且有⼀套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。 块格式化上下文(Block Form

  • 面试题准备(二十四):行级元素、块级元素2022-03-03 09:05:53

    常用行级元素、块级元素 行级块级spandivstrongpemulaoldelliimgforminputaddress 行级元素特点 行级元素,又称内联元素 inline 在一行未满的情况下,行级元素会排在同一行内容决定元素所占位置,不可通过 CSS 改变高,即在设置 margin 和 padding 时,只有左右方向会生效,设置 width

  • 42 搜索功能/3-搜索页面2022-03-02 21:04:02

    SearchCourse搜索页面 index.js import SearchView from "../views/SearchView"; { path: '/course/search', name: 'SearchView', component: SearchView } views/SearchView.vue (搜索页面) <template> <div

  • 前端练习-图片列表-012022-03-02 10:31:07

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

  • CSS垂直居中方法2022-03-01 21:01:32

    CSS垂直居中方法 w3c指定盒子模型(标准模型) 首先,水平居中很简单:margin: 0 auto 垂直居中: 方法一:使用相对定位和 margin-top 属性对元素进行垂直居中 由于div元素的祖先元素html和body的高度默认是为0的,所以需要设置为100%,并且清除默认样式,即把margin和padding设置为0,如果不清除默

  • CSS对齐类浅谈2022-03-01 19:31:26

    hello啊铁子们,今天来给大家浅谈一下css对齐方法与属性 在HTML里面写出的标签 盒子都是向左对齐,可是有时候我们想要让页面更加美观好看,那么我们可以试着改变一下HTML里面的对齐方式,以下介绍几种对齐方式 元素水平居中对齐 最常用的是margin属性,铁汁们都知道,margin属性有四个值 分

  • CSS学习笔记之学成在线项目 3.12022-03-01 18:32:48

    1.1 工具及重点 开发工具 = PS(切图) + vscode(代码) + chrome(测试)。 CSS 属性书写顺序(重点) 建议遵循以下顺序: 1. 布局定位属性:display / position / float / clear / visibility / overflow 2. 自身属性:width / height / margin / padding / border / background

  • 盒子模型组成部分2022-03-01 15:31:06

    包括:边框border,内边距padding外边距margin;控制盒子与盒子之间的内容,实际内容content border边框 边框有粗细,样式,颜色 上面的比较麻烦,下面用复合写法 solid;dashed;dotted;实线,虚线,点线 border: 10px red solid;//没有顺序 注意层叠性;大的只能层叠小的 表格的细线边框 border-

  • HTML+CSS基础2022-02-28 22:31:21

    2022.2.28 学习笔记 CSS第二趴: 四、 CSS的背景 5.背景图片固定         background-attachmnet:scroll /fixed; 背景图片相对于内容滚动(默认) / 背景图片固定 6.背景复合写法         当使用简写属性时,没有特定的书写顺序,一般习惯约定顺序为: background: 背景颜

  • CSS学习——框模型2022-02-28 18:02:42

    学习内容来源:CSS 框模型 CSS 框模型 所有 HTML 元素都可以视为方框。在 CSS 中,在谈论设计和布局时,会使用术语“盒模型”或“框模型”。 CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括:外边距、边框、内边距以及实际的内容。 如图所示: 内容 - 框的内容,其中显示文本和图

  • 部内动态页面2022-02-27 22:03:27

    html代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="bunei.css"> </head> <body> <h1>部内动态</h1>

  • getBoundingClientRect使用2022-02-26 09:59:32

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

  • 浏览器兼容性问题:2022-02-23 13:33:05

    1.不同浏览器的标签默认的margin和padding不同 解决:清除默认样式 body,h1,h2,h3,ul,li,input,div,span,a,form …… { margin:0; padding:0; }2.当标签的高度设置小于10px,在IE6、IE7中会超出自己设置的高度解决方案:超出高度的标签设置overflow:hidden,(偶沃弗洛 嗨等)或者设置lin

  • 06 路飞组件实施和git的使用2022-02-23 09:02:56

    06 路飞组件实施和git的使用 一、准备图片 https://gitee.com/liuqingzheng/luffy/ 二、路飞项目头部组件 1、页头组件:components/Header.vue <template> <div class="header"> <div class="slogan"> <p>老男孩IT教育 | 帮助有志向的年轻人通过努力学

  • 外边距塌陷问题2022-02-22 16:06:27

      两个嵌套关系的块元素,子元素的margin-top作用在父元素上。 解决方法:给父元素设置overflow:hidden  

  • vue+element实现手机号验证码注册2022-02-22 10:02:29

    很全的PC端手机端适配!一个项目多个域名我试了代理跨域本地运行可以打包上传不行,然后就用全地址,后端哪里要设置域名白名单!直接上图和完整代码!觉得可以就点个赞吧,谢谢! 代码: <template> <div> <div class="register_box" v-for="img in imageList" :key="img" v-la

  • 【前端学习 - CSS(12)margin 重叠】2022-02-21 20:35:01

    1. margin 重叠 margin 重叠的规则 当两个 margin 都是正值的时候,取两者的最大值;当 margin 都是负值的时候,取的是其中绝对值较大的,然后,从 0 位置,负向位移;当有正有负的时候,先取出负 margin 中绝对值中最大的,然后,和正 margin 值中最大的 margin 相加,即取和的绝对值 margin 重叠主

  • 简单电子日历.html2022-02-21 19:02:44

    电子日历! 点击查看代码 <!DOCTYPE html> <html> <head> <title>简单电子日历的设计与实现</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/calendar.css"> <script src="j

  • 简单的发布留言案例2022-02-20 23:59:24

    <style> * { margin-top: 0; margin-left: 0; } body { padding: 100px; } textarea { width: 200px; height: 100px; border: 1px solid pink;

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

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

ICode9版权所有