盒子模型 一、盒子模型介绍 什么是盒子模型? CSS盒子模型就是在CSS技术中所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。 所有的HTML元素可以看做盒子,它包括:外边距、边框、内填充和实际内容。 ...
分类:
其他好文 时间:
2020-07-06 12:28:37
阅读次数:
88
OS : Windows 10 browser : Chrome 83.0.4103.116 editor : Visual Studio Code 1.46.1 typesetting : Markdown html <!DOCTYPE html> <html lang="zh-CN"> <hea ...
分类:
Web程序 时间:
2020-07-05 23:02:35
阅读次数:
87
css3的渐变可以使用2个或者多个指定的颜色之间显示平稳的过渡的效果。这篇文章主要介绍下css3实现背景颜色渐变,文字颜色渐变,边框颜色渐变的方法,以便大家学习参考! 1、css背景颜色渐变 代码: <style> .content_bg{ width:600px;max-width: 100%;m ...
分类:
Web程序 时间:
2020-07-05 21:29:20
阅读次数:
69
CSS 有三种基本的定位方式:文档流、浮动和定位。 文档流(normal flow): 文档流是所有元素布局的基础,作为从左到右、从上到下的布局方式,这是最常用的一种排版布局方式。 浮动(float):float:left/right;浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动 ...
分类:
其他好文 时间:
2020-07-05 21:23:39
阅读次数:
146
[Style borderBottomStyle 属性 Style 对象定义和用法borderBottomStyle 属性设置或返回元素的下边框的样式。语法设置 borderBottomStyle 属性:Object.style.borderBottomStyle="value"返回 borderB... ...
分类:
Web程序 时间:
2020-07-05 13:57:28
阅读次数:
97
#盒模型-Box Model,用来对HTML元素布局时使用 组成部分:元素内容content、内边距padding、边框border、外边距margin #内边距padding padding-top/right/bottom/left 简写属性padding #边框border border-st ...
分类:
Web程序 时间:
2020-07-04 17:15:06
阅读次数:
70
编写插件 一个插件的目录如下: 根目录下必须有manifest.json,其他的自己随意。这个json就描述了这个插件的所有信息,应该调用的脚本等。 这个插件是在所有 mozilla.org 的页面加上一个边框。 json如下: { "manifest_version": 2, // 必须,json ...
分类:
其他好文 时间:
2020-07-04 16:59:17
阅读次数:
168
1. CSS 边框属性 属性描述 border 简写属性,用于把针对四个边的属性设置在一个声明。 border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。 border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。可以指定长度值,比如 ...
分类:
Web程序 时间:
2020-07-04 15:28:27
阅读次数:
151
CSS 中文开发手册 边界崩溃 | border-collapse (Miscellaneous Level 2) - CSS 中文开发手册 border-collapse border-collapseCSS属性指定表的边界是否被分离(区块具有彼此不同的边界)或折叠(相邻小区共享边界)。 /* K... ...
分类:
Web程序 时间:
2020-07-04 10:33:57
阅读次数:
78
CSS 中文开发手册 自动 | auto (Basic Box Model) - CSS 中文开发手册 width 属性指定了元素内容区的宽度。默认情况下,该属性定义了内容区域的宽度。如果box-sizing设置为border-box,则确定边框区域的宽度。 /* values */width: 3... ...
分类:
Web程序 时间:
2020-07-04 01:23:15
阅读次数:
88