ICode9

精准搜索请尝试: 精确搜索
  • JavaWeb8.6【CSS案例:注册页面(html+css)】2021-06-27 09:00:28

        1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>注册页面(html)</title> 6 </head> 7 <style> 8 9 *{ 10 margin: 0px;

  • CSS(12)定位2021-06-27 01:03:52

    定位 相对定位  相对定位 : position: relative; 相对于原来的位置,进行指定的偏移,相对定位的话,他仍然在文档流中 top : 10px;     距离上方移动10px (向下) left bottom right :-20px;   距离右方移动-20px (向右) html :  <!DOCTYPE html> <html lang="en"> <head>   <meta

  • 用CSS绘制实体三角形并说明原理2021-06-17 10:54:58

    .test{ width:0;height:0;margin:0 auto;border:6px solid transparent;border-top: 6px solid red;} 复制代码   1.采用的是均分原理 盒子都是一个矩形或正方形,从形状的中心,向4个角上下左右划分4个部分。 2.代码的实现 第一步 保证元素是块级元素 第二步 设置元素的边框 第三步

  • vscode常用设置json配置文件--hyong12322021-06-15 23:59:32

    { “window.zoomLevel”: 1, “breadcrumbs.enabled”: true, “files.autoSave”: “afterDelay”, “explorer.confirmDelete”: false, “files.associations”: { “.ejs": “html”, ".js”: “javascript”, “.vue": “vue”, ".cjson”: “jsonc”, “.wxss": “css

  • css兄弟元素控制(不包含第一个)。2021-06-07 16:03:26

    <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> ul{ width: 500px; margin:auto; list-style: none; padding:0; borde

  • 前端实现list排序2021-06-07 15:03:51

    需求 针对list中某个字段,实现list的升序和降序 效果图 代码 我是用在angular1.X中项目的,根据list中的sort字段进行排序。 # sort.html <style> .list-sort .upper-sort { width: 0; height: 0; margin-bottom: 10px; border-top: 15px solid transparent; border-rig

  • 5. BootStrap 栅格对齐 和 栅格排列2021-06-06 14:01:41

    看图:     看例子:  注释有些是这里没得 认真看注释即可! <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href

  • 2021.5.31.20:472021-05-31 21:03:18

      今天是星期一,有点累,不过还好。 背景图片和精灵图 <style> /* 1.background-image: url(背景图片的资源路径) 2.background-size: 设置背景图片的大小 两个参数: 宽 高 取值:可以是绝对值 px, 也可以是百分比(

  • Siemens Simcenter FloEFD 2021.1.0 v5312 for Simcenter3D2021-05-18 17:00:55

    Simcenter FLOEFD是CAD嵌入式计算流体动力学(CFD)解决方案,并支持NX,Solid Edge,CATIA V5和Creo。由于其独特的技术,它可以将整体仿真时间减少多达75%。 此新版本提供了一系列新功能和增强功能,以及2个新的附加模块。此版本中的新功能包括电磁仿真和结构仿真,以及通过与Siemens EDA的

  • CSS动画2021-05-16 17:34:07

    利用CSS内的animation: 秒数 infinite name(与@keyframes属性的name相同), 以及 transform: rotate3d(x,y,z,角度deg)进行简单的动画 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6

  • css三角形拼接多边形2021-05-13 19:01:59

      如图效果,两边是四个直角三角形定位拼接出来的 html: <div class="award"> <div class="triangle"> <span class="triangle1"></span> <span class="triangle2"></span

  • CSS学习杂记2021-05-09 22:01:15

    一、css画三角形 参考:https://blog.csdn.net/weixin_36270908/article/details/98947183 核心重点:给一个div,设置宽高为0,设置border加粗、有颜色或透明 效果:       代码:   二、css画梯形      效果:      代码: <!DOCTYPE html> <html> <head> <title>css3绘制三角

  • 盒子模型2021-05-08 21:01:15

    盒子模型 1 边框-border 边框粗细边框样式边框颜色 2 盒子 - div 内边距 - padding外边距 - margin 让元素居中: margin: 外层盒子需要有宽度,居中的盒子也要有宽度,设置在居中盒子属性中text-align:外层盒子要有宽度,设置在外层盒子属性 <!DOCTYPE html> <html lang="en"> <head>

  • 6.操作边框的属性.html2021-05-08 20:36:43

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> div{ border: solid;

  • 「HTML+CSS」--自定义加载动画【027】2021-05-05 16:03:30

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

  • 「HTML+CSS」--自定义加载动画【028】2021-05-05 16:02:32

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

  • 超出部分隐藏 显示省 好 vertical-align2021-05-01 19:34:02

        img{         width: 200px;         height: 200px;         position: relative;     }     .div{         width: 200px;         height: 50px;         border: 1px solid dodgerblue;      

  • 「HTML+CSS」--自定义加载动画【023】2021-05-01 16:03:40

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

  • 「HTML+CSS」--自定义加载动画【024】2021-05-01 16:02:49

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

  • 「HTML+CSS」--自定义加载动画【022】2021-05-01 13:34:32

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

  • CSS实现盒子垂直居中2021-05-01 11:30:28

    每天一个前端面试题之 CSS实现盒子的垂直居中 一,flex布局(不需要知道子元素的宽高) 主要是给父元素进行相应的设置 #father{ display: flex; justify-content: center; align-items: center; width: 500px; height: 500px; borde

  • 好美的一篇证明--cube texel 投影到sphere上 对应的solid angle的计算2021-04-27 18:36:44

    http://www.rorydriscoll.com/2012/01/15/cubemap-texel-solid-angle/ 先上代码     算法: 先分别算了  p点(xyz)在x方向变化 的偏导 在y方向变化 的偏导    意味着xyz三分量在x变化时(cube上) 各自在sphere表面的变化情况 y同理 然后用 cross 这俩偏导 得到 这个面积微分  

  • css 盒模型的概念与使用2021-04-25 13:33:20

    一,盒模型的概念 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 二,盒模型的属性 width: # 内容的宽度 height: # 内容的高度 p

  • 【自然框架】js版的QuickPager分页控件 V2.02021-04-24 23:02:04

    模板 + css + js + 插件 + ajax —— 打造非常灵活的分页方案优点:1、  通过更换模板可以控制各个分页元素(比如首页、末页,页号导航等)的位置和是否显示。2、  通过更换css可以实现各种UI风格和效果。(附带24套css效果)3、  Js的方式创建分页UI,不占用服务器资源。4、  可以通过插件

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

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

ICode9版权所有