css第一部分简介

CSS入门经典第一章  理解CSS
级联样式表:一种简单语言的名称,运用它声明Web浏览器如何显示文档。应用CSS,可以改变如何显示Web页面的许多方面,字体,颜色,图形,链接等。级联是指一种特殊的方法,浏览器用这种方法     决定哪些样式应用到页面的指定部分。
超文本标记语言HTML。
可扩展标记语言XML。
可扩展样式表语言XSL.
可伸缩矢量图形SVG。
在CSS中,样式表表示由许多CSS规则组成的文件,规则是最小的CSS单位。它定义一种或多种样式效果。
CSS与HTML或CSS与XML一起使用,运用样式表能自如的改变HTML页面的外观。CSS可用来改变从文本样式到页面布局的一切。并且CSS能够与JavaScript结合产生动态显示效果。
AJAX:表示异步JavaScript与XML。
DHTML:表示动态HTML。
第二章  CSS起步
所有样式表的基础就是组成它的CSS规则。每一条规则都是一条单独的语句。它确定如何设计样式以及如何应用这些样式。CSS规则组成的两部分为:选择符与声明。
声明由属性和属性的值组成。简单的CSS规则:选择符{属性:值;}
CSS忽略附加的空格,与HTML一样。
规则的选择符部分表明规则说明文档的哪个部分。选择符最简单的类型是类型选择符。它指出明确的标签元素,只要给出没有尖括号的元素名字,用户就可以编写类型选择符。如:p{属性:值};
用户通过在大括号内列出声明,可以联合两条共享相同选择符的CSS规则。
如果用户具有相同的声明和不同的选择符,也可以联合,通过使用逗号。
CSS的注释以字符/*开始,以*/字符结束。CSS忽略注释开始和结束之间的所有内容。
文本格式的简单CSS属性:
有些CSS属性可以用来设置文本颜色,字体大小和字族---color,font-size,font-family。
Color属性用于设置元素的前景颜色,background-color属性用设置背景颜色,颜色值可以取颜色名或RGB值。Font-size属性能够指定显示给用户的文本大小。指定字体大小较为简单的方法之一是给出相对于用户默认文本大小的值。默认文本大小有一个normal值。较大的文本约以20%的增量增加到large,x-large,xx-large.较小的文本以20%减小到small,x-small,xx-small.如:em{font-size:large;}
Font-family属性可以设置文本字体,CSS也使用泛型字体族,它们是sans-serif,serif,monospace,cursive,和fatasy.
用户可以通过在特定字体后列出泛型字体,并用逗号分隔,来指定泛型字体。Body{font-family:Arial,sans-serif;}
第三节 将样式表链接到HTML
使用<link>元素标签,<link>元素标签只能出现在HTML页面的head部分,在<head>部分添加如下行。
<link type=text/css    rel=”stylesheet”   href=”basic-2.1.css”>
对颜色RGB的解释:RGB代表红,绿,蓝。一定量的红加上一定量的蓝加上一定量的绿。可以使用rgb函数来指定颜色。H1{color:rgb(100%,50%k,25%)}
可以将font-size设为特定值写成12pt,这是绝对字体大小的情况。
第三章  支持CSS的浏览器
Firefox支持最好。
第四章 在HTML中使用CSS
XHTML是将HTML作为XML而编写的一个版本,这说明它遵循XML文档所具有的特定规则和结构。标签全部与HTML中的标签相同,但XHTML中标签全部是小写字母,所有属性值必须加引号,并完全依赖CSS来实现。
XHTML代表向基于XML的Web而跨出的一步。出现了三个变种strict,Transitional,Frameset.Strict完全依赖于CSS。
HTML中的样式表:
嵌入式样式表:另一种将CSS应用于HTML的方法是在带有<style>标签的HTML文件内直接嵌入CSS。
对于嵌入式样式表,请使用<style>标签,只能在网页中的head内使用。
<style   type=”text/css”    media=”media-type”>
CSS内容]
</style>
在较老的浏览器中隐藏CSS代码:<!--      -- >
内联样式属性:通过使用style属性,用户可以在HTML标签上设置内联样式。在几乎任何一个HTML标签上都可以设置style属性。例:
<table  style=”font-family:Arial;font-size:large”>
在文档内部使用CSS的全部三种方法相当正确,例 如,外部样工表用与link标签一起应用的整个网站,<style>标签内的内嵌入样式表用于该网页特定的规则;用内联样式设置各个元素的style属性。
第三节:类和ID
除了设置基于HTML元素的样式之外,CSS考虑了基于HTML的两种可选属性,class与id.它们都可以做为CSS规则的选择符部分使用,并可以设置于任何可见的HTML标签之上。
<div><span>元素随着class与id选择符才能真正发挥作用。能过这两个选择符的使用,div,span几乎可以产生任何的效果与表达。Class属性用于定义页面上的相关HTML元素组,它们可能具有相同的功能,在CSS中,表示它们具有适用于它们的相同样式规则。类选择符由类名前加句点指示。如:
.qz{color:blue;}
可以将元素选择符与类选择符结合起来如:p.r3{color:green;}
HTML中的ID属性与Class属性类似,但有很多的限制,只有在页面上的标签才能具有给定的ID,在页面上它必须是唯一的,并且只用于指示该元素。ID选择符由ID值前面的#号指示。类选择符更灵活,所有Id可以完成的类选择符都可以很出色的完成,Id值必须是文档里唯一的,页面上只有一个元素具有该值。Xml中使用ID会更多一些。
HTML的下一个版本将会是XHTML。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值