欢迎来到天天文库
浏览记录
ID:18190009
大小:51.00 KB
页数:7页
时间:2018-09-15
《css样式表学习手册》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、Css学习CSS就是CascadingStyleSheets,中文翻译为“层叠样式表”,简称样式表,它是一种制作网页的新技术。样式表文件可以用任何文本编辑器(例如:记事本)打开并编辑,一般样式表文件扩展名为.css一、如何在网页中插入CSS在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。1.链入外部样式表链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用标记链接到这个样式表文件,这个标记必须放到页面的
2、tylesheet"type="text/css"href="./mystyle.css"media=”screen”>media=”print”上面表示浏览器从mystyle.css文件中以文档格式读出定义的样式表。rel=”stylesheet”指的是这个LINK和其href之间的关联,这里指出这个href文件是样式表文件。type=”text/css”是指文件的类型是样式表文本。href=”mystyle.css”是文件所在的位置。内容是定义的样式表如:body{background-image:url
3、("images/back40.gif")}2.内部样式表内部样式表是把样式表放到页面的
4、这意味着低版本的浏览器会忽略style标记里的内容,并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生,我们用加HTML注释的方式()隐藏内容而不让它显示:3.导入外部样式表导入外部样式表是指在内部样式表的方法和链入样式表的方法很相似,但导入外部样
5、式表输入方式更有优势。实质上它相当于存在内部样式表中的。注意:导入外部样式表必须在样式表的开始部分,在其他内部样式表上面。4.内嵌样式内嵌样式是混合在HTML标记里使用的,可以很简单的对某个元素单独定义样式。内嵌样式的使用是直接将在HTML标记里加入style参数。而style参数的内容就是CSS的属性和值,如下例:这是一个段落
6、包括BODY本事),除了BASEFONT、PARAM和SCRIPT。二、语法1.基本语法CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。基本格式如下:selector{property:value}(选择符{属性:值})选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,如果需要对一个选择符指定多个属性时,我们使用分号将所有的属性和值分开:selector{property1:value1;property2:valu
7、e2}(选择符{属性1:值2;属性1:值2})2、选择符类型HTML标记选择符/标签选择符对于你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:body{color:black}ID选择符在HTML页面中ID参数指定了某个单一元素,ID选择符是用来对这个单一元素定义单独的样式。ID选择符的应用和类选择符类似,在html标签中使用id参数:这个段落向右对齐
8、种方法。下面实例,ID属性将匹配所有id="intro"的元素:#intro{font-size:110%;font-weight:bold;color:#0000ff;background-color:transparent}(字体尺寸为默认尺寸的110%;粗体;蓝色;背景颜色透明)下面这个例子,ID
此文档下载收益归作者所有