北大青鸟java培训:创建CSS样式表的三种方式?

html-css013

北大青鸟java培训:创建CSS样式表的三种方式?,第1张

主要探讨HTML5中CSS(层叠样式表),它是用来对HTML文档外观的表现形式进行排版和格式化。

使用CSSCSS样式由一条或多条以分号隔开的样式声明组成。

每条声明的样式包含着一个CSS属性和属性值。

<pstyle="color:redfont-size:50px">这是一段文本</p>解释:style是行内样式属性。

color是颜色属性,red是颜色属性值;font-size是字体大小属性,50px是字体大小属性值。

三种方式创建CSS样式表有三种方式:1.元素内嵌样式;2.文档内嵌样式;3.外部引入样式。

1.元素内嵌样式<pstyle="color:redfont-size:50px">这是一段文本</p>解释:即在当前元素使用style属性的声明方式。

2.文档内嵌样式<styletype="text/css">p{color:bluefont-size:40px}</style><p>这是一段文本</p>解释:在<head>元素之间创建<style>元素,通过选择器的方式调用指定的元素并设置相关CSS。

3.外部引用样式<linkrel="stylesheet"type="text/css"href="style.css">//style.css@charset"utf-8"p{color:greenfont-size:30px}解释:很多时候,大量的HTML页面使用了同一个组CSS。

那么就可以将这些CSS样式保存在一个单独的.css文件中,然后通过<link>元素去引入它即可。

@charset"utf-8"表明设置CSS的字符编码,如果不写默认就是utf-8。

陕西电脑培训http://www.kmbdqn.cn/认为如果有多个.css文件,可以使用@import导入方式引入.css文件。

只不过,性能不如多个<link>链接。

实心圆circle : CSS1 空心圆square : CSS1 实心方块decimal : CSS1 阿拉伯数字lower-roman : CSS1 小写罗马数字upper-roman : CSS1 大写罗马数字lower-alpha : CSS1 小写英文字母upper-alpha : CSS1 大写英文字母none : CSS1 不使用项目符号armenianl : CSS2 未支持。传统的亚美尼亚数字cjk-ideographic : CSS2 未支持。浅白的表意数字georgian : CSS2 未支持。传统的乔治数字lower-greek : CSS2 未支持。基本的希腊小写字母hebrew : CSS2 未支持。传统的希伯莱数字hiragana : CSS2 未支持。日文平假名字符hiragana-iroha : CSS2 未支持。日文平假名序号katakana : CSS2 未支持。日文片假名字符katakana-iroha : CSS2 未支持。日文片假名序号lower-latin : CSS2 未支持。小写拉丁字母upper-latin : CSS2 未支持。大写拉丁字母说明:* 设置或检索对象的列表项所使用的预设标记。*若 list-style-image 属性值为 none 或指定 url 地址的图片不能被显示时,此属性将发生作用。* 假如一个列表项目的左外补丁( margin-left )被设置为 0 ,则列表项目标记不会被显示。如果要正常显示,左外补丁( margin-left )应该被设置为大约30px或更多。* 仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。* 注意: ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。* 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。* 对应的脚本特性为 listStyleType 。示例:ul.in { display: list-itemlist-style-position: inside}list并不能设置字符长度。。不过可以通过css嵌套实现。。

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading

Stylesheet)。

在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

它的作用可以达到:

(1)在几乎所有的浏览器上都可以使用。

(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

(4)你可以轻松地控制页面的布局

(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

其实单用HTML也可以实现样式多样化,只不过太费了,代码会臃肿!!!