ICode9

精准搜索请尝试: 精确搜索
  • 盒模型自动内减2021-10-07 16:33:34

    啊css模型自动内减 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=&

  • CSS属性书写顺序2021-10-07 12:59:54

    建议遵循以下顺序: 布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式) 自身属性:width / height / margin / padding / border / background 文本属性:color / font / text-decoration / text-align / vertical-alig

  • 前端速成(12)css2021-10-07 01:32:26

                                          所选取的图片往零点移动,图片往左移动,负值                 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

  • CSS基础2021-10-06 16:34:41

    CSS基础 CSS简介什么是CSS发展史快速入门CSS的优势CSS的三种导入方式 选择器基本选择器标签选择器类选择器 classId选择器 层次选择器:不改变自身样式结构伪类选择器属性选择器(常用) 美化网页元素为什么要美化网页span标签字体样式文本样式阴影超链接伪类列表背景渐变 盒子模

  • css盒子模型2021-10-06 15:04:07

    文章目录 引入一、盒子模型1、内容区(content)2、边框(border)i、border-widthii、border-coloriv、border-style 3、内边距(padding)4、外边距(margin)a、外边距的折叠 二、元素的水平布局三、元素的垂直布局四、行内元素的盒模型五、浏览器默认样式 引入 文档流: -网页是一个多

  • 支付表单(web前端开发实践)2021-10-06 14:33:23

    这我也是刚学没多久,这表单是老师发布的作业,哈哈哈,好东西要分享嘛~~~希望能有帮助! <!DOCTYPE > <html> <head> <meta charset="utf-8"> <title>支付表单</title> <style type="text/css"> form{ margin:50 auto; width:

  • CSS聚光加载效果-loadering2021-10-06 12:32:14

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

  • css+html表格制作2021-10-05 18:30:47

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

  • Figma 学习笔记 – Border2021-10-05 17:33:34

    Figma 画 Border 其实还挺难的   4 边框 可以用 build-in 的 Stroke 实现   Border Top, Right, Bottom, Left 如果只想要其中 1 的话, Stroke 就不足够用了, 需要用 Effect 来做 Vote this feature Stroke on only one side discussion Border Top   inner shadow 配上 Y =

  • 前端速成(8)css2021-10-05 17:31:06

                                                               案例     <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in

  • CSS语法介绍(七) -- 边框与盒子属性的使用2021-10-05 16:00:55

    border border:给盒子等其他标签设置边框 单位是像素(px)dotted:以点状的样式设置border-top:设置上边框的像素大小border-top-style:设置顶部边框的线条的样式border-top-color:设置上边框的颜色border-right:设置右边框的样式border-bottom:设置下边框的样式border-left:设置左边框

  • CSS样式初级入门教程——持续更新2021-10-05 11:59:46

    目录 五类CSS选择器 简单选择器组合器选择器伪类选择器伪元素选择器属性选择器 插入css样式的方法 优先级排序具体代码 注释颜色 颜色名rgbhexhsl 背景边框 样式宽度圆角 边距 内外边距合并外边距 宽高轮廓文本字体图标链接列表display block 元素inline 元素区别与联系 布局

  • mouseout和mouseleave的区别2021-10-05 02:31:06

    mouseleave事件是各元素各自触发,不是由子元素冒泡而来,而mouseout是由子元素冒泡而来。 举个栗子 .app1 { width: 300px; height: 300px; border: 1px dashed black; } .app2 { width: 200px; height: 200px; border: 1px dashed gray; } .app3 { width: 100px;

  • 解决图片下间隙等一些自带的小问题2021-10-04 19:04:54

    目录  图片下间隙问题  ie8-图片边框问题 文本框和按钮对不齐现象 ie6下小高度问题 浮动双边距问题  图片下间隙问题  现象: 图片和包裹它的盒子下边框有一个默认的间隙      原因:  图片具有文本的特性(基线对齐特性  底边相当于文本的基线!  图片间隙=文本的

  • CSS盒子模型2021-10-04 10:59:51

    一.盒子模型的相关属性 1.边框属性 设置内容样式属性常用属性值边框样式border-style:上边 【右边 下边 左边】;none 无(默认),solid 单实线,dashed 虚线,dotted 点线,double 双实线边框宽度border-swidth:上边 【右边 下边 左边】;像素值边框颜色border-color:上边 【右边 下边 左边】;颜色

  • CSS padding margin border属性详解2021-10-03 22:34:24

    CSS padding margin border属性详解 图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、内边距(padding)、边框(

  • CSS3 属性 box-sizing: border-box 用法2021-10-03 02:31:07

    CSS3 属性 box-sizing: border-box 用法 默认情况 框的总宽度:width + padding-left + padding-right + border-left-width + border-right-wdith (border 边距需要在设置了 border-style 后才有效) 默认情况下,padding 和 border-width 都是向外伸展的,不计入 width 中 使用 box-sizin

  • 九九乘法表2021-10-02 21:05:44

         js 代码如下 // 创建表格 document.write("<table>"); // 创建九行,从第一行开始 for (var x = 1; x <= 9; x++) { //每循环一次创建一行 document.write("<tr>"); // 在九行里创建1-9格 for (var y = 1; y <= x; y++) { //创建每格,并且在里面写入乘法口诀 docu

  • 10.盒子模型2021-10-02 17:33:29

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <style> 8 /*body总有一个默认的外边距margin=0,常规操作*/ 9 /*h1,ul,li,a,

  • pc端-伪元素选择器(重点)2021-10-02 15:30:37

    伪元素选择器(重点) 伪元素选择器可以帮助我们利用CSS创建新标签元素,而不需要HTMl标签,从而简化HTML结构。 选择符简介::before在元素内部的前面插入内容::after在元素内部的后面插入内容 注意: before和after创建一个元素,但是属于行内元素新创建的这个元素在文档树中是找不到

  • vue小练习 (二)2021-10-02 15:03:25

    购物车渲染案例: 我做出的效果: 由于接口的问题,目前只有三本书 案例的要求: 鼠标经过时会有阴影和小动画点击X 可以删除图书从接口请求图书  以下是我写的代码: (写的不好请见谅) 因为代码太多,我只截了主要部分。 请求图书接口等其他数据我写在了vuex的store里 具体vuex的请求方式和

  • Summary of CSS2021-10-02 12:03:13

    文章目录 知识框架图1. CSS2. CSS3种导入方法行内内部外部 3. 选择器3.1 *三种基本选择器标签选择器类选择器id选择器 3.2 层次选择器后代选择器子选择器下兄弟选择器通用选择器 3.3 结构伪类选择器3.4 属性选择器基础语法body基础style属性选择绝对等于模糊等于以开头以结

  • element表格去掉表头的实现方法2021-10-02 11:02:47

    文档提示用属性show-header <el-table            :data="tableData1"            :span-method="arraySpanMethod"            border            :show-header="status"              <el-table-column              prop="lable"  

  • 【UE4 材质】圆角按钮材质2021-10-02 11:00:31

    效果 材质制作 如何使用 创建材质实例在UI的Border中加载即可。

  • 4、css盒子模型2021-10-01 23:59:32

    4.1、什么是盒子模型 所有的HTML元素,我们都可以看成一个四边形,即一个盒子。 用css来设置元素盒子的内边距、边框 和 外边距 的样式的方式, 相当于设置盒子的样式,所以我们将其称之为 盒子模型  边框有四个属性可以设置: border-top:上边框 border-right:右边框 border-bottom:下边框

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

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

ICode9版权所有