ITPub博客

首页 > 应用开发 > Java > CSS超基础教程使用

CSS超基础教程使用

原创 Java 作者:vmoemplus 时间:2007-05-24 22:29:09 0 删除 编辑
CSS,或Cascading Styles Sheets
中译层叠样式表或级联样式表,是样式化HTML的一种方法。[@more@]

格式:“属性:值(property: value)”,而且大部分属性可以应用到HTML标签中去。

有三条途径可以把CSS应用到HTML中去。

内联

内联样式通过style属性直接套进HTML中去。

text


内部样式服务于整个当前页面。在头标签head里面,样式标签style里包含当前页面的所有样式。
看起来像这样:


http://www.w3.org/TR/xhtml1/DTD/xhtml1

-strict.dtd">


CSS Example


外部

外部样式为整个网站的多个页面服务。这是一个独立的CSS文档,简单的一个范例如下:


p { color: red; } a { color: blue; }
http://www.w3.org/TR/xhtml1/DTD/xhtml1

-strict.dtd">


My first web page

大部分用类属性class和标识属性id与元素联系起来

每个选择符都有属性(properties)在大括号{}中,里面包括诸如color、font-weighth或者 background-

color形式的字样。


CSS中有很多专有的属性单位,也有很多能够用在大量属性的常规单位

em(比如font-size: 2em)是一个大致与一个字符高度相同的单位。
px(font-size: 12px)是一个像素的单位。
pt(font-size: 12pt)是一个磅的单位。
%(font-size: 80%)是一个……单位,等等,哦,是百分比。
其他单位还包括pc(活字),cm(厘米),mm(毫米)和in(英寸)。
一个值是0的时候你不必为它声明一个单位。比如,你不想要边界,可以这样设置:border: 0.

总结起来就是下面这三种CSS 写法结构方式
元素 {}
#ID属性值{}
.class类名引用{}

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/9194732/viewspace-916162/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
  • 博文量
    43
  • 访问量
    57496