ICode9

精准搜索请尝试: 精确搜索
  • Vue修改引用组件的CSS2021-08-01 13:02:27

    引入其它UI组件 例如引入elementUI,但是有时候原始样式不满足需求,需要改变样式,如果直接在浏览器中找到元素所属类去修改其CSS是不起作用的。 使用::v-deep修饰CSS ::v-deep .n-input .n-input__placeholder span { text-align: left !important; }

  • 【动画消消乐】HTML+CSS 白云飘动效果 0722021-08-01 09:01:59

    前言 Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~   自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~) 学习经验:扎实基础 + 多做笔记

  • css居中2021-08-01 03:31:09

    原文:https://segmentfault.com/a/1190000013966650 1 水平居中 1.1 内联元素水平居中 利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表(inline-table), inline-flex元素水平居中都有效。 .center

  • CSS 动画介绍2021-07-31 20:05:23

    过渡transition transition: property duration timing-function delay; 过渡效果属性,运行时间,运行速度,何时开始 默认执行时间是0 transition:1s 如果只填写时间则默认全部all 过渡属性transition-property 单个或多个属性,多个用逗号隔开 none 没有属性过渡效果 all 所有 耗

  • CSS 浮动介绍2021-07-31 20:03:47

    浮动 添加浮动后 默认值宽度将会是0 ,宽度由内容决定 占用的空间将会腾出 元素高度为auto将会自适应内容高度 前面元素浮动后 后面元素如果是块级盒子将会显示在前面元素的底部背景,如果是行盒将会避开,文本都将会跟在前面浮动盒子旁边 盒子里面的内容浮动后,外面包裹的盒子高

  • css中垂直和水平居中问题的解决2021-07-31 12:05:06

    目录 垂直居中 水平居中 块属性元素水平居中: 其他属性元素水平居中 : 垂直居中 单行文本垂直居中:                 给父元素设置line-height:父元素高度 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css">

  • HTML <div>和<span>2021-07-31 09:35:03

    共性:都可以用来将HTML元素相结合;<div> 元素没有特定的含义,<span> 元素也没有特定的含义。 不同点:HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器;               HTML <span> 元素是内联元素,可用作文本的容器 如果与 CSS 一同使用,<div> 元素可用于对大的内容

  • 学习HTML CSS JS易遗漏的地方2021-07-30 23:58:43

    初学前端 提及一些可能会遗漏的知识点 加深记忆 1. 设置样式时 有些熟悉可以进行简写 选择器{font: font-style  font-weight  font-size/line-height  font-family;} 其他属性可以省略,但必须保留font-size和font-family属性 顺序不能改变 text-shadow:水平位置 垂直位置 模

  • css 旋转动画2021-07-30 20:03:50

    .uni-load-more__img { animation: loading-ios-H5 1s 0s step-end infinite;} @keyframes loading-ios-H5 { 0% { transform: rotate(0deg); } 8% { transform: rotate(30deg); } 16% { transform: rotate(60deg); } 24% { transform: rotate(90deg); }

  • SpringBoot java.lang.ClassCastException:ResourceHttpRequestHandler cannot be cast to HandlerMethod2021-07-30 20:00:57

    Springboot 在配置个性化的webMVC时,静态资源的请求也被拦截的时候,会出现以上错误,所以需要忽略对静态资源的拦截 1) @Configurationpublic class MyMvcConfig implements WebMvcConfigurer { // 拦截所有请求 @Override public void addInterceptors(InterceptorRegistry r

  • CSS第二天学习总结—— CSS的背景2021-07-30 13:31:18

    CSS的背景 通过 CSS 背景属性,可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 背景颜色 样式名称:background-color 属性定义了元素的背景颜色 使用方式: background-color: 颜色值; 其他说明: 一般情况下元素背

  • CSS第二天学习总结—— CSS的复合选择器2021-07-30 13:02:33

    CSS的复合选择器 在 CSS 中,可以根据选择器的类型把选择器分为基础选择器 和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,可以更准确、更高效的选择目标元素(标签) 常用的复合选择器包

  • nginx中配置proxy_pass2021-07-30 10:58:30

    nginx http 代理 通过proxy_set_header,返回客户端真实IP地址及端口,而不是代理主机ip server { listen 80; location / { proxy_set_header Host h o s t

  • Webpack基础 ->(个人学习记录笔记)2021-07-30 08:35:34

    @目录Webpack官网1. 认识webpack2. webpack的安装3. webpack的起步4. webpack的配置5. loader的使用5.1 css文件的处理5.2 less文件的处理5.3 图片文件的处理5.4. ES6转ES5的babel6. webpack中配置Vue未抽离app.vue抽离为app.vue7. plugin的使用7.1 添加版权的Plugin7.2 打包html

  • css渐变属性【线性渐变】【径向渐变】2021-07-29 19:03:52

    渐变的定义:背景颜色过渡的效果 【线性渐变】常用 属性:background-image: linear-gradient(); 渐变方向:在括号在加to top 或者left  或者right left  默认就从上到下 渐变角度:0deg是从下面开始渐变 度数是正值是顺时针 负值是逆时针 颜色可以多个但是要逗号隔开 可以加渐变的百分

  • CSS入门2021-07-29 18:34:16

    网页分成三个部分: 结构 HTML 表现 CSS 行为 JS CSS CSS ---层叠样式表 ---网页实际是一个多层结构,通过css可以分别为网页的每一个层来设置样式 ---总之一句话,css用来设置网页中元素的样式 一个样式的列表 层叠? 样式是分层的结构,一层压一层,俯视 1、行内样式 内联样式(不推

  • css 中间文字 两边横线2021-07-29 17:04:42

          <div class="content"> <div class="line"></div> <div class="txt">文字内容</div> <div class="line"></div> </div>    .content { display: flex

  • CSS 使用 js中的变量2021-07-29 16:35:30

    css中     js中定义变量     html中  

  • CSS实现水滴动效2021-07-29 13:29:36

    哈喽哈喽!CSS真的好好玩啊,哈哈,反正我是爱了,空闲写着玩。画画不好的我乐了,下面就是一个用CSS3动画完成的模仿水珠的动效,其中主要就是会使用CSS设置阴影效果以及@keyframes关键帧和一些选择器的技术,快来学习吧!!!

  • 移动端适配方案&移动端基本概念2021-07-29 10:34:22

    移动端适配方案 1. rem适配 rem单位:根标签的font-size所代表的值 ---步骤 第一步 创建style标签 第二三步 将根标签的font-size置为布局视口的宽/16 第四步 将style标签添加到head中 ---原理 改变一个元素在不同设备上的css像素的个数 ---优缺点 优点:可以使用完

  • 谷粒学院-9-node.js2021-07-29 09:03:39

    一、node.js了解 1、什么是Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度 非常快,性能非常好。 2、Node.js有什么用 如果你是一个前端程序员,你不懂得像PHP、Python或Ruby

  • CSS:浮动2021-07-29 01:34:25

        浮动 传统网页布局的三种方式 网页布局的本质——用CSS来摆放盒子。把盒子摆放到相应位置。 CSS提供了三种传统布局方式: 普通流(标准流):标签按照规定好默认方式排列。块级元素独占一行,行内元素按顺序从左至右排列。 浮动 定位 为什么需要浮动?   什么是浮动?   浮动特性

  • css之auto值的含义2021-07-29 01:02:43

    1.水平方向的auto值 html <div class="father"> <div class="child"></div> </div>   常规流块盒的总宽度,等于其包含块的宽度,也就是其父元素的内容区域 不设置width,width的默认值为auto,表示吸收掉块盒的剩余空间 css .father { height: 200px; border

  • 【html&css】定位2021-07-28 22:57:51

    【html&css】定位 一、定位的概念 定位需要的元素指定移动到某一个位置上去,实现一些元素的重叠操作。 将指定的元素放在固定的位置进行展示。 定位也会脱离文本流。 二、激活定位 激活定位需要使用关键字position 通过position激活定位一共有五个值 /*html默认值,没有定位,按正

  • css用为标签制作导航栏2021-07-28 21:29:35

    效果图 顶部导航栏,当鼠标滑动到链接时,变为粉色背景颜色。 代码部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&quo

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

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

ICode9版权所有