明辉站/网站教程/内容

CSS重点知识总结

网站教程2023-12-30 阅读
[摘要]一 概述 1.什么是CSS? Cascading Style Sheet,层叠样式表,用于设定页面内容的显示样式。为什么使用css,优点是什么? 1:【内容】和【表现】相分离 HTML文件中只存放文本信息,将样式部分放在一个独立样式文件中。页面对搜索引擎更加友好。 2:提高页面浏览速度 ...

一 概述

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样式表放到<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>


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

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

3.为子元素添加样式

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

二 常用属性

1.文本

2.内补丁

3.外补丁

4.布局

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

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

以上就是CSS重点知识总结的详细内容,更多请关注php中文网其它相关文章!


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

相关阅读