验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

css基本语法有哪些及怎么应用

阅读:1166 来源:乙速云 作者:代码code

css基本语法有哪些及怎么应用

一、概述

  1.  CSS 指层叠样式表 (Cascading Style Sheets)

  2. 样式定义如何显示 HTML 元素

  3. 样式通常存储在样式表中

  4. 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题

  5. 外部样式表可以极大提高工作效率

  6.  外部样式表通常存储在 CSS 文件中

  7. 多个样式定义可层叠为一

二、层叠次序

当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?

一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

1.   浏览器缺省设置

2.   外部样式表

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

4.   内联样式(在 HTML 元素内部)

三、CSS 基本语法

CSS语法由三部分构成:选择器、属性和值:

selector {property: value}

选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值(value)。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration)。

提示:如果值为若干单词,则要给值加引号:

p {font-family: "sans serif";}

提示:如果要定义不止一个声明,则需要用分号将每个声明分开。下面的例子展示出如何定义一个红色文字的居中段落。最后一条规则是不需要加分号的,但是加上分号是良好的习惯:

p {text-align:center; color:red;}

提示:应该在每行只描述一个属性,这样可以增强样式定义的可读性:

p {
  text-align: center;
  color: black;
  font-family: arial;
}

提示:是否包含空格不会影响 CSS 在浏览器的工作效果,但是可以增加可读性;与 XHTML 不同,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。

提示:不要在属性值与单位之间留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ,它仅在 IE 6 中有效,但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

分享到:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: hlamps#outlook.com (#换成@)。
相关文章
{{ v.title }}
{{ v.description||(cleanHtml(v.content)).substr(0,100)+'···' }}
你可能感兴趣
推荐阅读 更多>