本文目录一览：
css如何设置div边框css设置div边框颜色
使用border-color属性来设置边框的颜色。可以使用CSS支持的所有颜色值来设置边框颜色，例如颜色名称（如red、blue等）、十六进制值（如#FF0000、#0000FF等）和RGB值（如rgb（255， 0， 0）、rgb（0， 0， 255）等）。示例：div { border-color： red； }，这将把div边框的颜色设为红色。
html中调整位置使用css的float属性。详细用法首先在html文件中新建两个p容器，用来方便演示效果，容器中都加入h2标签，设置不同文字便于区分：p标签给它在style标签设置class属性的样式，给它高度和宽度以及颜色，h2标签一个使用float属性，另一个不使用。
div{ margin-top：20px；} 边框属性则用于添加围绕元素的线条，它由边框样式、宽度和颜色组成。边框样式有solid（实线）、dashed（虚线）、dotted（点线）等。边框宽度和颜色可以通过border-width和border-color属性分别设定。
打开html开发工具，新建一个html代码页面，然后创建一个div标签，并给这个标签添加文字和一个class为了solid。创建div代码：div solid： 定义一个边框/div 设置线条边框。创建style标签，然后在这个标签里设置solid类的样式为实线边框。
什么是css盒子模式(框模型)
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页设计中常听的属性名：内容（content）、填充（padding）、边框（border）、边界（margin），CSS盒子模式都具备这些属性。
CSS盒模型是网页布局和设计的基础概念之一，它描述了元素在网页中所占的空间。盒模型由内容（content）、内边距（padding）、边框（border）和外边距（margin）四个部分组成。盒模型的两种类型 content-box（内容盒）内容就是盒子的边界，即盒子的宽度和高度仅由内容决定。
盒子模型是CSS中的一个核心概念。它描述了一个元素在网页中所占的空间和布局方式，可以将其想象成一个装有内容的盒子。这个盒子由内容（content）、内边距（padding）、边框（border）和外边距（margin）四个部分组成。 内容（content）内容是盒子模型中最核心的部分，它可以是文字、图片、视频等任何网页元素。
js中的盒模型
JS中的盒模型：在JavaScript和CSS中，盒模型（Box Model）是网页布局和设计的基础概念。它描述了元素在网页中所占的空间，包括内容、内边距（padding）、边框（border）和外边距（margin）四个部分。
权重叠加计算拓展：权重叠加计算案例 权重计算题解题步骤： 判断选择器是否能直接选中标签，不能直接选中 → 继承，优先级最低 → 直接pass 通过权重计算公式，确定权重最高者。注意点：开发中选择标签需精准，避免多个选择器同时选中一个标签，避免自设难题。
IE模型（border-box）：在IE模型中，盒子的宽度和高度包括内容区域、内边距和边框的总和。这意味着当你设置一个盒子的宽度和高度时，内边距和边框的大小会直接影响盒子的最终尺寸。要启用IE模型，可以将box-sizing属性设置为border-box。
给textarea元素添加一个id或其他选择器，以便在JavaScript中能够选中它。示例中，textarea的id为myTextarea，并设置了placeholder和初始值内容。CSS部分：设置textarea的宽度、最小高度、内边距和盒模型属性。width： 300px； 设置了textarea的宽度。
Day14 学习笔记盒子模型复习标准盒模型与怪异盒模型：标准盒模型：大小 = content（宽高） + padding + border + margin。增加padding等属性后，盒模型会外扩。怪异盒模型（IE怪异模式）：大小 = 宽高 = content + padding + border + margin。
标签： 网页设计给盒子加边框
