CSS样式

一、CSS 简介

  层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML和XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,

还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字

号样式,拥有对网页对象和模型样式编辑的能力。

二、CSS类型

   CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个

小的样式更新与之相关的所有页面元素。

三、行内元素、块元素与空元素

  

三.行内元素、块元素和空元素

  1.行内元素特点

    1、和其他元素都在一行上;

    2、元素的高度、宽度、行高及顶部和底部边距不可设置;

    3、元素的宽度就是它包含的文字或图片的宽度,不可改变。 

  2.块级元素特点

     1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
  
    2、元素的高度、宽度、行高以及顶和底边距都可设置。

    3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

  3.空元素

    知名的空元素: <br> <hr> <img> <input> <link> <meta> 
    鲜为人知的是: <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>

四、总结

  CSS可以通过各种类型的定义为HTML设计提供方便,减小了HTML网页设计时的工作量。还能方便我们进行元素定位、控制元素的

可见性和尺寸等行为。总的来说就是方便设计,美化界面。

posted @ 2019-03-18 20:48  heartflower  阅读(224)  评论(0编辑  收藏  举报