Cascading Style Sheet，层叠样式表，用于设定页面内容的显示样式。
为什么使用css，优点是什么？
1：【内容】和【表现】相分离 HTML文件中只存放文本信息，将样式部分放在一个样式文件中。页面对搜索引擎更加友好。
2：提高页面浏览速度 采用CSS布局的页面容量要比TABLE布局的页面文件容量小得多，前者一般只有后者的1/2大小。
3：易于维护和改版 只要简单的修改对应CSS文件，就可以重新设计整个网站的页面。
4: 使用CSS布局更符合现在的W3C标准 W3C组织是对网络标准制定的一个非赢利组织，像HTML、CSS、XML的标准就是由它来定制。
CSS样式表的调用方式哪几种？
1、内部样式：把CSS样式表放到<head>文档中： 格式如下：<style type=“text/css”> …… </style>
2、内联式：把CSS样式表写在HTML对应的标记内。 格式如下：<p style="font-size:14pt;color:blue">蓝色14号文字</p>
3、外部样式：把编辑好的CSS文档保存成“.CSS”文件，然后在<head>中定义。 格式如下： <head> <link rel=stylesheet href="css的文件地址">.....</head>
4、导入样式：与链入外部样式的功能基本相同，只是语法和实现方式上有差别。
格式如下： <style> @import url(css.css);</style>
一个元素可以同时定义多个类，不同类之间用空格隔开，如class=“xxx01 xxx02”。
为子元素设定样式的方式：父元素+空格+子元素{}，通常时候id+class。
text-align:center：文本居中。
padding:内补丁，即内部宽度。格式：padding:5px(可以定义一个值，也可以定义4个值)，用于设置相邻元素与其边界之间的距离。
margin：在对象与其他对象之间增减空白间距，增加的间距在对象外部，所以称作外补丁，使用方法同内补丁padding。
overflow：当对象的内容超出指定范围时设定处理措施。
auto：只有在必需时才采用滚动条或者剪切。
hidden：不显示超出范围的内容。
visible：默认值，不剪切，不添加滚动条。
scroll：总是显示滚动条。
display：改变对象的显示方式。
inline-block：将对象作为内联对象，对象的内容作为块对象。通常加上width设定对象的宽度，用于对齐。
none：隐藏元素，该元素不占空间。
visibility:hidden：隐藏对象，隐藏的对象依然占据空间。
Copyright © 2019-2026 51dongshi.net 版权所有
违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务
