CSS规则定义

CSS规则定义
CSS规则定义

文本样式的定义

定义文本样式、保存CSS规则后系统将行动打开“CSS规则定义”对话框。

[字体]:选择所需要的字体。

[大小]:定义字体大小。

[样式]:可选择字体的特殊样式,即“正常”、“斜体”或“偏斜体”等。

[行高]:设置文本所在行的高度。也可以输入一个确切的值并选择一种度量单位。

[修饰]:在文本中添加下划线、上划线或删除线,或者使文本闪烁。[粗细]:字体应用特定或相对的粗体量。

[变体]:设置文本的变体方式。

[大小写]:将所选内容中每个单词的首字母大写,或者将文本设置为全部大写或小写。

[颜色]:设置文本颜色。

背景样式的定义

要定义背景样式可在“CSS规则定义”对话框中选择“背景”选项。[背景颜色]:设置背景颜色。

[背景图像]:设置背景图像。

[重复]:确定是否以及如何重复背景图像。

(不重复):只在元素开始处显示一次图像。

(重复):在元素的后面水平和垂直平铺图像。

(横向重复)和(纵向重复):分别显示图像的水平带区和垂直带区。图像将被剪辑以适合元素的边界。

[附件]:确定背景图像是固定在原始位置还是随内容一起滚动。

[水平位置]和[垂直位置]:指定背景图像相对于元素的初始位置。这可以用于将背景图像与页面中心垂直和水平对齐。如果附件属性为“固定”,位置则相对于“文档”窗口而不是元素。

区块样式的定义

使用“CSS规则定义”对话框中的“区块”类别可以定义标签和属性的间距、对齐等设置。

[单词间距]:设置单词的间距。在下拉列表中选择“值”选项,然后输入数值可确定单词的间距,此时可在右侧的弹出式菜单中选择度量单位(例如像素、点等)。

[字母间距]:设置字母或字符间的间距。负值(例如-4)表示减小字符间距。字母间距设置可覆盖对齐的文本设置。

[垂直对齐]:指定垂直对齐方式。

[文本对齐]:设置元素中的文本对齐方式。

[文字缩进]:指定第一行文字缩进程度,并可在右侧选择数值单位。也可以使用负值创建凸出,但显示方式则取决于浏览器。

[空格]:确定如何处理元素中的空白。

(正常):收缩空白。

(保留):与文本被括在pre标签中一样(即保留所有空白,包括空格、制表符和回车等)。

(不换行):指定仅当遇到br标签时文本才换行。

[显示]:指定是否以及如何显示元素。“无”表示关闭应用此属性的元素的显示。

方框样式的定义

使用“CSS规则定义”对话框中的“方框”类别可以为控制元素在页面上的放置方式的标签和属性定义设置。

可以在应用填充和边距设置应用于元素的各个边,也可以使用“全部相同”设置将相同的设置应用于元素的所有边。

在打开的“CSS规则定义”对话框中选择“方框”类别。

[宽]和[高]:设置元素的宽度和高度。

[浮动]:设置其它他元素(如文本、层、表格等)在哪个边围绕浮动。其他元素按通常的方式环绕在浮动元素的周围。

[清除]:定义元素的哪一边不允许有层。如果层出现在被清除的那一边防战士,则(带清除设置)元素移到该层的下方。

[填充]:指定元素内容与元素边框的间距。

[边界]:指定一个元素的边框与另一个元素的间距。

边框样式的定义

使用“CSS规则定义”对话框中的“边框”类别可以定义元素周围

边框的设置。

在“CSS规则定义”对话框中选择“边框”类别。

[样式]:设置边框的样式外观。

[宽度]:设置元素边框的粗细。

[颜色]:设置边框的颜色。

列表样式的定义

使用“CSS规则定义”对话框中的“列表”类别可以为列表标签定义列表设置(如项目符号大小和类型等)。

在“CSS规则定义”对话框中选择“列表”类别。

[类型]:设置项目符号或编号的外观。

[项目符号图像]:为项目符号指定自定义图像。

[位置]:设置列表项文本是否换行和缩进(外部),以及文本是否换行到左边距(内部)。

定位样式的定义

[定位]样式属性使用“层”首选参数中定义层的默认标签,将标签或所选文本块更改为新层。

在“CSS规则定义”对话框中选择“定位”类别。

[类型]:确定浏览器应如何来定位层。

(绝对):使用“定位”框中输入的坐标相对于页面左上角来放置层。(相对):使用“定位”框中的坐标(相对于对象在文档的文本流中

的位置)来放置层。

(静态):将层放在文本流中的位置。

[显示]:确定层的初始显示条件。可选择以下的可见性选项之一。(继承):继承层的父级的可见性属性。如果层没有父级,它将是可见的。

(可见):显示这些层的内容。

(隐藏):隐藏这些层的内容。

[Z轴]:确定层的堆叠顺序。编号较高的层显示在编号较低的层的上面。值可以为正也可以为负。

[溢位]:确定当前的内容超出层的大小时的处理方式。

(可见):增加层的大小,以使其所有的内容都可见。

(隐藏):保持层的大小并剪辑任何超出的内容。不提供任何滚动条。(滚动):在层中添加滚动条,不论内容是否超出层的大小。明确提供滚动条可避免滚动条在动态环境中出现和消失所引起的混乱。(自动):使滚动条仅在层的内容超出层的边界时才出现。

[置入]:指定层的位置和大小,如果层的内容超出指定的大小,大小值将被覆盖。

[裁切]:定义层的可见部分。

扩展样式的定义

“扩展”样式的属性包括“滤镜”、“分页”和“光标”等选项,它们之中的大部分不受任何浏览器的支持,或者仅受Inernet Explorer 4.0

和更高版本的支持。

在“CSS规则定义”对话框中选择“扩展”类别。

[之前]:在样式所控制的对象之前强行分页。

[之后]:在样式所控制的对象之后强行分页。

[光标]:当指针位于样式所控制的对象上改变指针图像。

[滤镜]:对样式所控制的对象应用特殊效果(包括模糊和反转)。

css样式定义规范

为了更好的符合seo规范,请参考css样式定义规范 CSS规范 搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则: 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 友情链接:friendLink 页脚:footer 加入:joinus 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 版权:copyRight 1.CSSID的命名 外套:wrap 主导航:mainNav 子导航:subnav 页脚:footer 整个页面:content 页眉:header

页脚:footer 商标:label 标题:title 主导航:mainNav(globalNav) 顶导航:topnav 边导航:sidebar 左导航:leftsideBar 右导航:rightsideBar 旗志:logo 标语:banner 菜单内容1:menu1Content 菜单容量:menuContainer 子菜单:submenu 边导航图标:sidebarIcon 注释:note 面包屑:breadCrumb(即页面所处位置导航提示) 容器:container 内容:content 搜索:search 登陆:login 功能区:shop(如购物车,收银台) 当前的current 2.样式文件命名 主要的:master.css 布局版面:layout.css 专栏:columns.css 文字:font.css 打印样式:print.css 主题:themes.css

css样式表ID命名规则

一.文件命名规范[b]样式文件命名[/b] [quote]主要的master.css 布局,版面layout.css 专栏columns.css 文字font.css 打印样式print.css 主题themes.css [/quote] [b]CSS ID 的命名[/b] [quote]页头:header 登录条:loginbar 标志:logo 侧栏:sidebar 广告:banner 导航:nav 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 友情链接:friendlink 页脚:footer 版权:copyright 外套:wrap

主导航:mainnav 子导航:subnav 页脚:footer 整个页面:content 页眉:header 页脚:footer 商标:label 标题:title 主导航:mainbav(globalnav) 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 旗志:logo 标语:banner 菜单内容1:menu1content 菜单容量:menucontainer 子菜单:submenu 边导航图标:sidebarIcon 注释:note 面包屑:breadcrumb(即页面所处位置导航提示)容器:container 内容:content 搜索:search 登陆:Login 功能区:shop(如购物车,收银台) 当前的current[/quote] [b]网站常用中英文对照表[/b] [quote]网站导航Site Map 公司简介Profile or Company Profile or Company 公司设备Equipment Equipment 公司荣誉Glories Glories 企业文化Culture Culture 产品展示Product Product 资质认证Quality Certification 企业规模Scale Scale 营销网络Sales Network 组织机构organization organization 合作加盟Join In Cooperation 技术力量Technology Technology 经理致辞Manager`s oration 发展历程Development History 工程案例Engineering Projects 业务范围Business Scope

(完整版)《CSS样式》习题答案

一、选择题 1.CSS是( C )的缩写。 A.C olorful S tyle S heets B.C omputer S tyle S heets C.C ascading S tyle S heets D.C reative S tyle S heets 2.引用外部样式表的格式是( B )。 A. 3)外部样式:将内联样式的内容存放在一个.css文件中进行调用。 2.CSS编辑器 可以使用记事本或Dreamweaver进行定义。CSS定义规则,包括: 1)针对标记选择符定义。如 2)针对Html标签中一个id选择符定义。如id=”title” 3)针对Html标签中class选择符定义。如class=”title”,页面可以有多个该类。 另外,还有伪元素和伪类,标记语言中没有一种机制可以访问某个元素的首个字符或首行内容,而CSS可以创建这种虚拟元素访问或控制其样式。如: :first-line为伪元素,某元素首行的样式;:first-letter为伪元素,某元素的首个字

《CSS样式》复习题

一、选择题 CSS 是( C )的缩写。 Colorful Style Sheets Compu ter Style Sheets Cascadi ng Style Sheets Creative Style Sheets 元素中定义样式表的属性名是( style class 2. B )。 A . B . C . 引用外部样式表的格式是( …… 标签对中,被输入的css文件中的样式规则定义语句就成了标签对中的语句。 B..myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt} C. D. 16.如下所示的这段CSS 样式代码,定义的样式效果是(D )。 a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000 为红色,#00ff00 为绿色,#0000ff 为蓝色,#00000 为黑色。 A. 默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是红色 B. 默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是绿色 C. 默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是蓝色 D. 默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色 18.下列关于CSS 的说法错误的是()。 A.CSS 的全称是Cascading Style Sheets ,中文的意思是“层叠样式表” B.CSS 的作用是精确定义页面中各元素以及页面的整体样式 C.CSS 样式不仅可以控制大多数传统的文本格式属性,还可以定义一些特殊的HTML 属性 D.使用Dreamweaver 只能可视化创建CSS 样式,无法以源代码方式对其进行编辑 29.关于样式表的优先级说法不正确的是() A.直接定义在标记上的CSS样式级别最高 B.内部样式表次之 C.外部样式表级别最低 D.当样式中属性重复时,先设的属性起作用 32.在HTML文档中,引用外部样式表的正确位置是() A.文档的末尾 B. C.文档的顶部 D.部分

CSS定义

1.CSS定义语法。CSS 语法由选择器、属性和值三部分构成,如:body {color: blue},代码的作用是将body 元素内的文字颜色定义为蓝色,颜色值blue也可以使用十六进制的颜色值#ff0000。可以多重声明,每行只描述一个属性,如果要定义不止一个声明,则需要用分号将每个声明分开,如:p {text-align:center; color:red;} 。可以对选择器进行分组,选择器之间用逗号分开,如:h1,h2,h3,h4,h5,h6 {color: green; },所有的标题元素都是绿色的。 2.CSS 的继承。CSS中大多情况子元素从父元素继承属性,如定义父元素body { font-family: Verdana, sans-serif; }后,子元素诸如p、td、ul、ol、ul、li等如无重新定义的话,将继承父元素body的属性。 3.CSS 的插入。插入样式表有三种方法: (1) 外部样式表。当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在(文档的)头部,如:,浏览器会从文件mystyle.css 中读取样式声明,并根据它来格式该网页文件。 (2)内部样式表。当单个网页文件需要特殊的样式时,就应该使用内部样式表。你可以使用。本节任务就使用这种方法。 (3)内联样式。在使用时才定义,如:

This is a paragraph 。 4.CSS 的定义与引用。CSS 的定义与使用有四种方法: (1)对标记符进行定义。如样式表中定义:p{font-size:9pt,color:red;},在引用时可用:绿蚂蚁网络 。此时“绿蚂蚁网络”这些字的字号为9pt、字体颜色为红色。 (2)定义样式类。定义如:.box{border:#00ff00 1px solid},这样就定义了一个样式类名为box的样式,样式类名由用户自己取,在引用时可用:

,作用是使表格四周产生绿色单线边框。 (3)嵌入定义。定义如:p em{color: red},在引用时可用:这个段落中用em强调的字是红色的 。 (4)定义子类。定义如:p.right {text-align:right},在引用时可用:

这一段居右显示 。 5.ID的定义与引用。定义如:#footer{background:red;},在引用时可用:

。ID与CLASS不同有三点:一是ID是一个标签而CLASS是一个样式;二是ID一个页面只可以使用一次而CLASS可以多次引用;三是ID加前缀“#”而CLASS用“.”。

css样式语法

CSS(Cascading Styel Sheet)是控制 Web 页面外观的一系列格式设置规则,是网页设计必不可少的工具之一。我们下面就开始学习CSS的基本语法格式。 一、组成部分: 层叠样式表是一个完全的纯文本文件,通常以“css”为扩展名作为单独的文件来使用,它的内容包含了一组告诉浏览器,如何安排与显示特定的html标签中内容的规则,CSS定义规则由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。 二、基本格式: selector { property: value} (选择符 { 属性:值}) 选择符可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开: body { color: black} 选择符body是指页面主体部分,color是控制文字颜色的属性,black是颜色的值,此例的效果是使页面中的文字为黑色。 如果属性的值是多个单词组成,必须在值上加引号,比如字体的名称经常是几个单词的组合: p { font-family: "sans serif"} (定义段落字体为sans serif) 如果需要对一个选择符指定多个属性时,我们使用分号将所有的属性和值分开: p { text-align: center; color: red} (段落居中排列;并且段落中的文字为红色)为了使定义的样式表方便阅读,可以采用分行的书写格式: p{ text-align: center; color: black; font-family: arial } (段落排列居中,段落中文字为黑色,字体是arial) 三、类选择符: 用类选择符能够把相同的元素分类定义不同的样式,定义类选择符时,在自定类的名称前面加一个点号。类的名称可以是任意英文单词或以英文开头与数字的组合,一般以其功能和效果简要命名。假如想要两个不同的段落,一个段落向右对齐,一个段落居中,你可以先定义两个类: p.right { text-align: right} p.center { text-align: center} 然后用不在不同的段落里,只要在HTML标记里加入你定义的class参数:

这个段落向右对齐

这个段落居中对齐 四、ID选择符:

相关主题