首页  >  文章  >  web前端  >  CSS重点知识总结

CSS重点知识总结

巴扎黑
巴扎黑原创
2017-07-18 17:21:031334浏览

 

一 概述

1.什么是CSS?

Cascading Style Sheet,层叠样式表,用于设定页面内容的显示样式。


为什么使用css,优点是什么? 

 1:【内容】和【表现】相分离  HTML文件中只存放文本信息,将样式部分放在一个独立样式文件中。页面对搜索引擎更加友好。

 2:提高页面浏览速度  采用CSS布局的页面容量要比TABLE布局的页面文件容量小得多,前者一般只有后者的1/2大小。

 3:易于维护和改版  只要简单的修改对应CSS文件,就可以重新设计整个网站的页面。

 4: 使用CSS布局更符合现在的W3C标准  W3C组织是对网络标准制定的一个非赢利组织,像HTML、CSS、XML的标准就是由它来定制。


CSS样式表的调用方式哪几种?

1、内部样式:把CSS样式表放到文档中:   格式如下: 

2、内联式:把CSS样式表写在HTML对应的标记内。  格式如下:

蓝色14号文字

 

3、外部样式:把编辑好的CSS文档保存成“.CSS”文件,然后在中定义。  格式如下: ..... 

4、导入样式:与链入外部样式的功能基本相同,只是语法和实现方式上有差别。

  格式如下:


2.为一个元素添加多个样式

一个元素可以同时定义多个类,不同类之间用空格隔开,如class=“xxx01 xxx02”。

3.为子元素添加样式

为子元素设定样式的方式:父元素+空格+子元素{},通常时候id+class。

二 常用属性

1.文本

  • text-align:center:文本居中。

2.内补丁

  • padding:内补丁,即内部宽度。格式:padding:5px(可以定义一个值,也可以定义4个值),用于设置相邻元素与其边界之间的距离。

3.外补丁

  • margin:在对象与其他对象之间增减空白间距,增加的间距在对象外部,所以称作外补丁,使用方法同内补丁padding。

4.布局

overflow:当对象的内容超出指定范围时设定处理措施。

  • auto:只有在必需时才采用滚动条或者剪切。

  • hidden:不显示超出范围的内容。

  • visible:默认值,不剪切,不添加滚动条。

  • scroll:总是显示滚动条。

display:改变对象的显示方式。

  • inline-block:将对象作为内联对象,对象的内容作为块对象。通常加上width设定对象的宽度,用于对齐。

  • none:隐藏元素,该元素不占空间。

  • visibility:hidden:隐藏对象,隐藏的对象依然占据空间。


以上是CSS重点知识总结的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn