CSS框架：即兴和效果

所有逻辑简单性的级联样式（CSS）不仅可以创建有效的设计解决方案，而且可以为实际操作提供元素，以模拟实际代码的执行。

HTML标记的任何视觉标签都是特定结构和内容的矩形区域。 该元素包含坐标，大小，缩进，颜色，字体及其轮廓等的指示。CSS元素的框架指定了它所占据的区域，从其边界向内到描述中指出的宽度。

说明语法

元素的位置由相对于页面左上角（左上，上）的坐标，水平和垂直（宽度，高度）的大小指定。 元素的所有设计和动画都是成对执行的：“property：value”。

描述直接在页面代码，样式插入或单独的文件中执行，使用LINK链接指向它。 语法：

#name {property：value; 财产：价值; 财产：价值; ...}

或

.name {property：value; 财产：价值; 财产：价值; ...}

该名称也可以是p，body，html，table，td ...，也就是HTML标记标签的名称。 允许将样式描述直接连接到元素。

在编写自己的写作风格之前，不要在流行的网站上看到如何完成，保存页面代码或按Ctrl-U直接在浏览器中查看。

基本参数

元素的实际CSS框架由style （border-style），color （border-color），width（border-width）表示。 您可以通过一个属性 - 边框描述一切。 您可以单独描述框架的每个边框（边框顶部，边框底部，边框左边，右边框）。

CSS框架由级联样式表的一般规则描述：

边框：3px;
边框颜色：红色;
边框式：双击实体点缀。

这个描述将框架宽度设置为3个像素，颜色为红色，侧面样式：顶部为双面，右侧为虚线，底部为实心，左侧为虚线。

边框宽度：1px 2px 4px 8px;
边框颜色：蓝色;
边框式：点缀。

这里的每一侧的尺寸也顺序显示，从顶部顺时针方向开始，颜色为蓝色，样式为虚线。

边框颜色：蓝色红色绿色黑色;

在本说明书中，分别指出每一侧的颜色。 边框属性可以一次包含几个参数，边框的四角可以四舍五入：

边框：1px绿色固体;
边框半径：0px 4px 8px 12px;
-moz-border-radius：0px 4px 8px 12px;
-webkit-border-radius：0px 4px 8px 12px;

从如何在CSS中制作框架，访问者的便利性取决于，因为通常这种风格效果用于技术目的：重要的是要精确地显示页面上的区域的大小或位置。

框架的厚度及其目的

选择框架的厚度，可以使用px，pt，em ...，但是您应该记住，它始终位于元素的区域内。 很难想象CSS框架具有设计目的，但从技术上来说，使用它来突出显示页面元素是非常方便的。

如果框架被锁定在主类中，那就是它丢失，然后将其指向伪类：hover，当鼠标光标在其上时，您可以向访问者显示页面元素，例如，选择菜单项。 有时，您需要点击图片来选择某些东西，或者将某些东西拖到某处。 使用虚线框非常方便，不要更改元素或其内容的背景。

某些应用程序需要选择一个页面区域或选择项目以供后续处理。 在这种情况下，您可以在点击时创建一个带框架的div，直到访问者释放鼠标按钮，调整其大小，直观地显示选择的结果。

在规定之外

CSS课程非常有趣，研究流行网站的代码页也很重要。 然而，自己的资源必须是独一无二的，它必须有自己的面孔。

由语法提供的CSS框架没有像自己的主动那样多样化。 即兴即兴是一个伟大的开端，没有什么能阻止开发商形成自己的框架。 特别是随着互联网技术的成就和现有标准的能力，基于现有语法的真实缺陷，有许多有前途的思想，其中（根据定义）一直是严格正式的。

特别是如果我们要创造这些或其他要素的框架，那么全面地这样做是合理的。 通过突出显示单独标签中某一区域的侧面和角度，您可以获得令人惊叹的效果。 通过分配适当的处理程序，您可以通过更改位置，形状和内容来创建动态页面元素。