欢迎来到天天文库
浏览记录
ID:46849866
大小:80.00 KB
页数:9页
时间:2019-11-28
《初学者CSS基础知识》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、Css样式语法由三部分构成:selector(选择器)、property(属性)和value(属性值)Css的3种将样式表加入到html方法:1,将样式表嵌入到html文件的文件头中的嵌入样式表:方法:v!…加入的css样式表-->说明:标签对用丁•说明所要定义的样式,type属性用丁指定2、屮的内容用html的注释符v!・•和…>括起來。这样一來不支持styler的浏览器将不执行这段内容。2,将一个外部样式表链接到到html文件上的外部样式表方法:说明:href属性用于指定样式表的URL,也町以是绝对的URL3,将一个外部样式表输入到html文件中的输入样式表(这种可以提高工作效率,节省服务器带宽)@importurl(外部链接样式表文件名.css);说明:@import后面的分号必须冇,并且必须输入外部样式表达文件的扩展名”.css”Css选择器:3、1.HTMLselector这种选样器指的是html标签,如p、div等2.classselector包括关联classselector和独立classselector.用“html标签名•类名”定义的选择器称为关联classselector・用"•类名”定义的的选样器称为独立classselector.3.IDselector:使用html标签的ID属性定义的选择器就是IDselector.如果在样式表中指定一个IDselector,需要在ID值前添加一个符号(#)4.伪元素选择器•其格式为:html元素:伪元素{属性:值}・常用的伪元素:A,active:是选屮超链接4、时的状态;A,hover:是光标移动到超链接上的状态;A,visited:是访问过的超链接状态;颜色设置:命名颜色、RGB颜色、十六进制颜色。1.命名颜色:直接用英文单词命名(但浏览器颜色命名没有统一标准)。2RGB颜色:纟[、绿、蓝是3种基本色。其它色由这三种颜色按不同的比例叠加而成的。通常两种设置方法:百分比或数值。3十六进制颜色:原理同RGB原理相同,设置红绿蓝3种基本色,只不过表达方式不同。这种方法是将3种基本色的取值范围转换为00~FF,用两位十六进制数字表示,且必须按照格式#RRGGBB表示,即每种颜色值占两位,不足则补零。URL:uti用于指定弓I入外部文件5、的地址,有两种形式:绝对URL和相对URL.文体的样式字体:font-style:设置字体的风格。Normal(正常)、italic(斜体)、oblique(倾斜)Font-variant:设置字体的变形。Normal(正常)、small-caps(小型的大写字母字体)Font-weight:字体加粗:100-900/normal/bold/bolder/IighterFont-family:字体类型:黑体、宋体、隶书。默认为宋体。文字的大小:xx-smallx-smallsmallmedium(默认)largex-largexx-large文字阴影颜色设置:text-s6、hadow下划线、顶画线、顶画线和删除线{text-decoration:inherit(继承)、none(无文木修饰,默认设置)underline(为文体添加卜•画线)、overline(添加顶画线)、Iine-through(添加删除线)、blink(使文本闪烁)使用下列语句可以使超链接不再有下划线:A:link,A:visited,A:active{text-decoration:none}对齐方式:{text-align:left/right/center/justify(两端对齐)}注意:text-align是块级属性,只能用于..7、.-等标识符。不仅可以控制文体的水平对齐方式,也包括图片、影像资料的对齐方式。垂直对齐:{vertical-align:inherit/top/bottom/text-top(相对文本顶对齐)/text-bottom(相对文本底对齐)/baseline(S准线对齐)、middle/sub(以下标的形式对'齐)/super(以上标的形式显示)行间距:{line-height:数值/inherit/normal}字间距:{letter-spacing:数字/inherit/normal}Css表格和表单效果
2、屮的内容用html的注释符v!・•和…>括起來。这样一來不支持styler的浏览器将不执行这段内容。2,将一个外部样式表链接到到html文件上的外部样式表方法:说明:href属性用于指定样式表的URL,也町以是绝对的URL3,将一个外部样式表输入到html文件中的输入样式表(这种可以提高工作效率,节省服务器带宽)@importurl(外部链接样式表文件名.css);说明:@import后面的分号必须冇,并且必须输入外部样式表达文件的扩展名”.css”Css选择器:
3、1.HTMLselector这种选样器指的是html标签,如p、div等2.classselector包括关联classselector和独立classselector.用“html标签名•类名”定义的选择器称为关联classselector・用"•类名”定义的的选样器称为独立classselector.3.IDselector:使用html标签的ID属性定义的选择器就是IDselector.如果在样式表中指定一个IDselector,需要在ID值前添加一个符号(#)4.伪元素选择器•其格式为:html元素:伪元素{属性:值}・常用的伪元素:A,active:是选屮超链接
4、时的状态;A,hover:是光标移动到超链接上的状态;A,visited:是访问过的超链接状态;颜色设置:命名颜色、RGB颜色、十六进制颜色。1.命名颜色:直接用英文单词命名(但浏览器颜色命名没有统一标准)。2RGB颜色:纟[、绿、蓝是3种基本色。其它色由这三种颜色按不同的比例叠加而成的。通常两种设置方法:百分比或数值。3十六进制颜色:原理同RGB原理相同,设置红绿蓝3种基本色,只不过表达方式不同。这种方法是将3种基本色的取值范围转换为00~FF,用两位十六进制数字表示,且必须按照格式#RRGGBB表示,即每种颜色值占两位,不足则补零。URL:uti用于指定弓I入外部文件
5、的地址,有两种形式:绝对URL和相对URL.文体的样式字体:font-style:设置字体的风格。Normal(正常)、italic(斜体)、oblique(倾斜)Font-variant:设置字体的变形。Normal(正常)、small-caps(小型的大写字母字体)Font-weight:字体加粗:100-900/normal/bold/bolder/IighterFont-family:字体类型:黑体、宋体、隶书。默认为宋体。文字的大小:xx-smallx-smallsmallmedium(默认)largex-largexx-large文字阴影颜色设置:text-s
6、hadow下划线、顶画线、顶画线和删除线{text-decoration:inherit(继承)、none(无文木修饰,默认设置)underline(为文体添加卜•画线)、overline(添加顶画线)、Iine-through(添加删除线)、blink(使文本闪烁)使用下列语句可以使超链接不再有下划线:A:link,A:visited,A:active{text-decoration:none}对齐方式:{text-align:left/right/center/justify(两端对齐)}注意:text-align是块级属性,只能用于
..
7、
此文档下载收益归作者所有