CSS回顾总结——CSS简介，语法规范，选取器，三元素
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS是我很久之前学的了，<span style="color: black;">近期</span>有些忘记了，<span style="color: black;">因此</span>拿出来写<span style="color: black;">有些</span>博客做整理了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">什么是 CSS?</p>CSS 指层叠样式表 (Cascading Style Sheets)样式定义<span style="color: black;">怎样</span><span style="color: black;">表示</span> HTML 元素样式<span style="color: black;">一般</span>存储在样式表中把样式添加到 HTML 4.0 中，是为<span style="color: black;">认识</span>决内容与表现分离的问题<span style="color: black;">外边</span>样式表<span style="color: black;">能够</span><span style="color: black;">极重</span><span style="color: black;">加强</span>工作效率<span style="color: black;">外边</span>样式表<span style="color: black;">一般</span>存储在 CSS 文件中多个样式定义可层叠为一个<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">层叠样式表(英文全<span style="color: black;">叫作</span>:Cascading Style Sheets)是一种用来表现<a style="color: black;">HTML</a>
</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅<span style="color: black;">能够</span>静态地修饰网页，还<span style="color: black;">能够</span><span style="color: black;">协同</span><span style="color: black;">各样</span>脚本语言动态地对网页各元素进行格式化。</p>CSS 能够对网页中元素位置的排版进行像素级精确<span style="color: black;">掌控</span>，支持几乎所有的字体字号样式，<span style="color: black;">持有</span>对网页对象和模型样式编辑的能力。
<h2 style="color: black; text-align: left; margin-bottom: 10px;">语言特点</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS为HTML标记语言<span style="color: black;">供给</span>了一种样式描述，定义了其中元素的<span style="color: black;">表示</span>方式。CSS在Web设计<span style="color: black;">行业</span>是一个突破。利用它<span style="color: black;">能够</span>实现修改一个小的样式更新与之<span style="color: black;">关联</span>的所有页面元素。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">总体<span style="color: black;">来讲</span>，CSS<span style="color: black;">拥有</span>以下特点:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">丰富的样式定义</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS<span style="color: black;">供给</span>了丰富的文档样式外观，以及设置文本和背景属性的能力;<span style="color: black;">准许</span>为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离;<span style="color: black;">准许</span>随意改变文本的<span style="color: black;">体积</span>写方式、修饰方式以及其他页面效果。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">易于<span style="color: black;">运用</span>和修改</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS<span style="color: black;">能够</span>将样式定义在HTML元素的style属性中，<span style="color: black;">亦</span><span style="color: black;">能够</span>将其定义在HTML文档的header部分，<span style="color: black;">亦</span><span style="color: black;">能够</span>将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表<span style="color: black;">能够</span>将所有的样式声明统一存放，进行统一管理。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">另一</span>，<span style="color: black;">能够</span>将相<span style="color: black;">一样</span>式的元素进行归类，<span style="color: black;">运用</span>同一个样式进行定义，<span style="color: black;">亦</span><span style="color: black;">能够</span>将某个样式应用到所有同名的HTML标签中，<span style="color: black;">亦</span><span style="color: black;">能够</span>将一个CSS样式指定到某个页面元素中。<span style="color: black;">倘若</span>要修改样式，<span style="color: black;">咱们</span>只<span style="color: black;">必须</span>在样式列表中找到相应的样式声明进行修改。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">多页面应用</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS样式表<span style="color: black;">能够</span>单独存放在一个CSS文件中，<span style="color: black;">这般</span><span style="color: black;">咱们</span>就<span style="color: black;">能够</span>在多个页面中<span style="color: black;">运用</span>同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都<span style="color: black;">能够</span>将其引用。<span style="color: black;">这般</span>就<span style="color: black;">能够</span>实现多个页面风格的统一。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">层叠</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">简单的说，层叠<span style="color: black;">便是</span>对一个元素多次设置同一个样式，这将<span style="color: black;">运用</span>最后一次设置的属性值。例如对一个站点中的多个页面<span style="color: black;">运用</span>了同一套CSS样式表，而某些页面中的某些元素想<span style="color: black;">运用</span>其他样式，就<span style="color: black;">能够</span>针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。</p>页面压缩
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在<span style="color: black;">运用</span>HTML定义页面效果的网站中，<span style="color: black;">常常</span><span style="color: black;">必须</span><span style="color: black;">海量</span>或重复的表格和font元素形成<span style="color: black;">各样</span>规格的文字样式，<span style="color: black;">这般</span>做的后果<span style="color: black;">便是</span>会产生<span style="color: black;">海量</span>的HTML标签，从而使页面文件的<span style="color: black;">体积</span><span style="color: black;">增多</span>。而将样式的声明单独放到CSS样式表中，<span style="color: black;">能够</span>大大的减小页面的体积，<span style="color: black;">这般</span>在加载页面时<span style="color: black;">运用</span>的时间<span style="color: black;">亦</span>会大大的减少。<span style="color: black;">另一</span>，CSS样式表的复用更大程序的缩减了页面的体积，减少下载的时间。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">CSS的<span style="color: black;">运用</span></h2><span style="color: black;">办法</span>1<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">描述：<span style="color: black;">能够</span>将CSS编写到head中的style标签里（内部样式表）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">将样式表编写在style标签中，<span style="color: black;">而后</span><span style="color: black;">经过</span>CSS<span style="color: black;">选取</span>器<span style="color: black;">选取</span>指定元素，<span style="color: black;">能够</span>为这些元素<span style="color: black;">同期</span>设置样式</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">将样式表编写在style标签中，<span style="color: black;">亦</span><span style="color: black;">能够</span>使表现和结构进一步分离，<span style="color: black;">举荐</span>的<span style="color: black;">运用</span>方式</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例子：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><title>CSS</title>
<!--p{}中的属性设置会对<span style="color: black;">因此</span>p标签起<span style="color: black;">功效</span>-->
<style type="text/css">
p{
color: blue;
}
</style>
</head>
<body>
<p>谁知盘中餐，粒粒皆辛苦</p>
<p>待到花开九月八，我花开尽百花杀</p>
</body></div>
外贸B2B平台有哪些？ 一看到楼主的气势，我就觉得楼主同在社区里灌水。
页:
[1]