教学文库网 - 权威文档分享云平台
您的当前位置:首页 > 精品文档 > 资格考试 >

CSS 制作与操作(2)

来源:网络收集 时间:2025-11-14
导读: 三,链接式 链接样式是使用频率最高,也是最为实用的方法。它将HTML页面本身与XSS样式分离为两个或者多个文件。同一个CSS文件可以链接 到多个HTML文件中。 正文标题 正文标题 这是正文内容?? 然后创建CSS文件并保存

三,链接式

链接样式是使用频率最高,也是最为实用的方法。它将HTML页面本身与XSS样式分离为两个或者多个文件。同一个CSS文件可以链接 到多个HTML文件中。 正文标题

正文标题

这是正文内容??

然后创建CSS文件并保存在同一个文件夹中。 h2{color:#00000; }

p{color:#00000; font-size:12px

}链接样式表最大的优势就是将CSS代码与HTML代码完全分离。 四,导入样式

采用导入样式表在HTML初始化时,会被导入到HTML文件中,作为文件的一部分。类似内嵌式的效果,而链接式样式表则是在HTML的标记需要格式时才以链接 的方式引入。在HTNL文件中导入样式表,常用的有如下几种语句@import语句,可以选择任意一种放在标记之间

@import url(sheet1.css) @import url(\正文标题

正文标题

这是正文内容??

导入样式表是最大用处就是可以让一个HTNL文件导入很多的样式表。也可以同时使用两个@import语句将07-08.css和07-09.css同时 导入到HTML中 然后再创建一个08-09.css)的样式表即可。 各级方式的优先级问题

在行内、嵌入和导入式之间的优先级关系 是:1,行内式>嵌入式>外部样式(导入式和链接式称为外部样式)2,外部样式中,出现在后面的优先级高于出现在前面的。

如果在中存在多个

普通文本 蓝色/p>

标题文本 黑色

2,并集选择器

或称为集体声明 它的结果是同时选中各个基本选择器所选择的范围。任何形式的选择器都可以作为并集 选择器的一部分。 并集选择器是多个选择器通过逗号连接还有一个空格而成的。

选择器.class

普通文本 蓝色/h1>

标题文本 黑色

h2.special,.special, #one的声明 不影响前一个集体声明 。

另外,对于一些页面,希望这些页面中所有的标记都使用相同的CSS样式。但不仰望逐个来声明的情况可以利用全局选择器“*” *{color:blue; }

3,后代选择器

后代选择器的写法就是把外部的标记写在前面。内层的标记写在后面,之间用空格隔开当标记发生嵌套时内层的标记就成为外层标记的后代。

例如:

这是最外层的文字,这是中间的文字 这是最内层的文字。

最外层的:

标记,里面嵌套了标记,标记中又嵌套了标记,则称的子元素,

的子元素。 后代选择器class

这是第一行的文本

红色

蓝色

橙色

紫色

优先级的表述为:行内样式>ID样式>类别样式>标记样式 要把握一个原则:针对性强、越特殊的样式,优先级越高。 用CSS设置文本样式

em是字符单位,2em就会以目前字符的两倍高度来显示。 颜色定义:#aabbcc的颜色值可以写成#abc 设置文本的字体font-family h1{font-family:黑体;

}p{font-family:Arial,\

}同时声明了两个字体,其含义是告诉浏览器首先在访问者的计算机中寻找Arial字体,如果该用户没有Arial字体 ,就寻找Tines new Roman,如果两个字体都没有,则使用浏览器默认的字体。

font-family属性可以同时声明多种字体,字体之间用逗号隔开。另外一些字体的名称中会出现空格,Tines new Roman这时需要用双引号括起来。一定要设置多个备选字体

设置字体的倾斜效果

倾斜有两种,一种是italic意大利体,即我们平常说的 oblique即真正的倾斜。font-style #p1{font- style:normal; p{font-style:italic; }

设置文字的加粗效果 font-weight:bold;

如果在一个网页的文本中突出某些文字 ,则应该用标记。大多数搜索引擎都对网页中的标记很重视,一方面设计者希望把网页上的文字用标记来强调。另一方面设计者以不希望 些字以粗体显示,就可以对标记使用font-weight:normal;

英文字母大小转换

font-transform:capitalize; 单词首字大写 font- transform:uppercase; 全部大写 font-transform:lowercase; 全部小写 控制文字的大小 。font-size

指的是对之间的内容起作用。即定义范围。

文字的装饰效果text-decortion这是属性可以作用多个 属性值,用空格分开。 设置段落首行缩进 text …… 此处隐藏:3548字,全部文档内容请下载后查看。喜欢就下载吧 ……

CSS 制作与操作(2).doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.jiaowen.net/wendang/656679.html(转载请注明文章来源)
Copyright © 2020-2025 教文网 版权所有
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:78024566 邮箱:78024566@qq.com
苏ICP备19068818号-2
Top
× 游客快捷下载通道(下载后可以自由复制和排版)
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
注:下载文档有可能出现无法下载或内容有问题,请联系客服协助您处理。
× 常见问题(客服时间:周一到周五 9:30-18:00)
  • 1、支付成功后,为何无法下载内容?
    付费后下载不了,请核对下微信账单信息,确保付费成功;已付费成功了还是下载不了,有可能是电脑的浏览器兼容性问题或者手机机型不支持的问题。
  • 2、付费后能否更换浏览器或者清理浏览器缓存后进行下载操作?
    更换浏览器或者清理浏览器缓存会导致下载不成功,请不要更换浏览器和清理浏览器缓存。
  • 3、如何联系客服?
    打开微信扫描下方二维码,请及时联系客服解决。
    QQ咨询:370150219 点击这里给我发消息,请把【付款记录详情】截图给客服,同时把您购买的文章【网址】发给客服。客服会在24小时内把文档发送给您。