版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
阜和教育
PhotoshopCS4
网页设计超链接伪类超链接伪类知识点
链接的四种样式
将链接转换为块状用css制作按钮首字下沉超链接伪类超链接的四种样式a:link{color:#FF0000}/*未访问的链接*/
a:visited{color:#00FF00}/*已访问的链接*/
a:hover{color:#FF00FF}/*鼠标移动到链接上*/
a:active{color:#0000FF}/*选定的链接*/四种状态的顺序一定不能颠倒,否那么有些不生效超链接伪类伪类不是一个真实的类,正常的类是以点开始,后边跟一个名称,而它是以a开始后边跟个冒号,再跟个状态限定字符;比方第三个a:hover的样式,只有当鼠标移动到该链接上时它才生效,而a:visited只对已访问过的链接生效。伪类使得用户体验大大提高,比方我们可以设置鼠标移上时改变颜色或下划线等属性来告知用户这个是可以点击的,设置已访问过的链接的颜色变灰暗或加删除线告知用户这个链接的内容已访问过了超链接伪类练习:做一个默认状态下是蓝色,鼠标放上是红色加下划线,选定〔按下〕时为紫色,已访问过为灰色加删除线超链接伪类将链接转换为块级元素链接在默认状态下是内联元素,转换为块级元素后可以获得更大的点击区域,可以设置宽度和高度,将链接转换为块状,只需增加一个display:block的css属性即可。CSS代码:a{display:block;height:30px;width:100px;line-height:30px;text-align:center;background:#CCC;}这样设置的结果是全局a都执行这个样式显示超链接伪类视图操作:超链接伪类超链接伪类超链接伪类超链接伪类为块化的A加上触发样式:a:hover{color:#FFF;text-decoration:none;background:#333;}超链接伪类视图操作:超链接伪类超链接伪类用css制作按钮同理,用背景图片替换掉背景颜色的属性,就可以作出用css制作的按钮。首先,准备好按纽的两张图片Css代码:a{display:block;height:34px;width:107px;line-height:2;text-align:center;background:url(images/btn_bg.gif)no-repeat0px0px;color:#d84700;font-size:14px;font-weight:bold;text-decoration:none;padding-top:3px;}a:hover{background:url(images/btn_bg_hover.gif)no-repeat0px0px;}超链接伪类视图操作:超链接伪类超链接伪类超链接伪类超链接伪类超链接伪类首字下沉首字下沉是css伪类上的又一个运用,它可以直接通过css样式表向某个选择器中的文本首字母添加特殊的样式,而不需要把首字添加一个标签或通过程序来实现,今天以制作word里的首字下沉为例来讲解,应用如下伪元素::first-letter超链接伪类在页面中添加如下一段内容:<p>时尚,我写日记,还有衣服拍照片,你们喜欢我的搭配,对你们有帮助,我会讲中文一点点,我住在上海。我是lily,我来自法国,我拍很多照片^_^</p>设置p的样式:p{width:400px;line-height:1.5;font-size:14px;}然后设置p:first-letter的样式超链接伪类超链接伪类Css代码:<styletype="text/css">p{width:400px;line-height:1.5;font-size:14px;}p:first-letter{font-family:"microsoftya
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 《简单随机抽样》教案-人教版高中数学必修三
- 【核心素养】第12课美化生活的装饰布 教学设计2023-2024学年人美版初中美术八年级上册
- 粤教版高中信息技术必修教学设计-5.1.2 信息资源管理的方式方法
- 【核心素养目标】第6课 希腊罗马古典文化教案
- 第3单元 第5章 绿色开花植物的生活方式2024年中考生物教学设计(广东专用版)
- 分一分(二)(教学设计)-2023-2024学年三年级数学下册北师大版
- 高一上学期音乐人音版(2019)必修音乐鉴赏15.30作品鉴赏芬兰颂教学设计
- 2024年军训开营仪式发言稿范文(32篇)
- 2024年初中生入团志愿书格式(5篇)
- 背影教学反思
- 四年级语文上册习作:我的家人【交互版】课件
- 电力绿色转型:绿色电力市场的实践与思考
- 送电线路工(初级)技能鉴定理论考试题库(浓缩300题)
- 围栏喷漆翻新施工方案
- 2024年文化和旅游部直属事业单位招聘历年高频500题难、易错点模拟试题附带答案详解
- 《林教头风雪山神庙》名师课件2
- 医疗行业智能化医疗设备维修与保养方案
- GB/T 44236-2024增材制造用镍钛合金粉
- 2024年黑龙江省哈尔滨市道里区执法局招聘52人历年高频考题难、易错点模拟试题(共500题)附带答案详解
- 2024-2025学年人教版一年级数学上册 第二单元测试卷
- 2024-2025学年八年级物理上册 3.2 熔化和凝固教学设计(新版)新人教版
评论
0/150
提交评论