当前位置:Gxlcms > html代码 > CSS知识总结(一)

CSS知识总结(一)

时间:2021-07-01 10:21:17 帮助过:16人阅读

一.认识CSS

 1.什么是CSS?

  CSS (Cascading Style Sheet) 层叠样式表

  是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

  由于CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,因此不同的浏览器可能需要不同的前缀。

前缀 浏览器
-webkit chrome和safari
-moz firefox
-ms IE
-o opera

 2.CSS能做什么?

  使用CSS可以有效地对页面进行布局。

  使用CSS样式可以对页面字体、颜色、背景和其他效果实现精确描述,同时对它们的修改和控制变得更加快捷。

  CSS可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的代码,那么整个站点的所有页面都会随之发生变动。

  CSS可以支持多种设备,比如手机、PDA、打印机、电视机、游戏机等。

  *目的:将表现与结构分离,便于后期维护。

 

 3.CSS语法结构

  CSS 语法由三部分构成:选择符(selector)属性(property)值(value)

    selector {property:value;}

  属性是你想要设置的样式属性,每个属性都有一个值,属性和值用冒号 ":" 分开

  每个选择符可以有多个属性值,之间用分号 ";" 隔开

  例如:

 4.如何引入CSS?

  将CSS应用到网页中有:3种方式 (行内样式表内部样式表外部样式表

  a.行内样式表(位于html元素内部)

   行内样式是指将CSS样式编码直接写在HTML标签中的style属性里,

   *注意:行内样式不需要写选择器。

   例如:

<body style="background-color:#ccc;">

  b.内部样式表(位于标签内部)

   内部样式作为页面中的一个单独部分,由