简述css样式的主要作用

html-css031

简述css样式的主要作用,第1张

1.css是级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。一个完整漂亮网页，就是由html标签与控制这些标签布局和美化功能CSS组成；2.CSS作用和功能CSS可以让网页“穿上漂亮衣服”，CSS可以控制HTML标签对象的css 宽度、css 高度、float浮动、文字大小、字体、css背景等样式达到我们想要的布局效果。CSS功能和作用也就在于此。我们学习CSS其实就是学习HTML标签应用与CSS样式控制。

CSS盒模型：将页面所有元素表示为一个个矩形的盒子，CSS决定这些盒子的大小，位置以及属性。

<h1>...<h6>、<p>、<div>、<ul>、<ol>、<li>、<dl>、<dt>、<dd>、<header>、<main>、<footer>、<aside>、<nav>、<section>、<table>、<pre>

<a>、<span>、<em>、<strong>、<img>、<input>、<label>、<textarea>、<select>、<button>、<code>

1. 写法：display: inline-block

2. 特性：

3. inline-block缝隙 css常见样式二

4. display的值

②：浮动元素和绝对定位元素的外边距不会折叠。

PS:

PS：通过设置margin让元素居中

1.3.1 设置边框的值

1.3.2 边框常用属性

实现效果：

参考：

https://static.xiedaimala.com/xdml/file/f40ceb64-df08-4420-9226-7f76dbff15d5/2019-11-6-10-45-8.pdf

https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/The_box_model

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。

盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

下面的图片说明了盒子模型(Box Model)：