版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第三章:级联样式表CSS教学目标理解CSS的基本原理理解CSS的应用形式掌握CSS选择器的创建及应用方法掌握常用CSS属性的特点掌握使用Dreamweaver创建并应用CSS样式的方法12CSS属性4AgendaCSS概述CSS的应用形式CSS选择器3综合案例51CSS概述什么是CSS?CSS是级联样式表(Cascading
Style
Sheet)的首字母缩写是一套装针对HTML元素进行格式优化的规则通过CSS,你可以修改HTML元素的默认外观2CSS的应用形式(1)属性定义式即使用style属性来对一个HTML元素进行CSS的应用<xxx
style=”property
:
value”>在文件头区域定义<head></head><style>……..</style>
通过class属性指定样式名的方式来使用(2)文档头定义式(3)外部文件式指将CSS定义在一个CSS文件中,在需要应用CSS的HTML的页面中引入该CSS文件,再通过class属性来引用具体的CSS样式。
<link
rel=“stylesheet”
href=“xxx.css”
type=“text/css”>3CSS选择器CSS选择器CSS选择符可以认为是CSS效果的名称.“.btnQQ”即选择符在HTML中以class属性选择该选择符<inputname="button"type="button"class="btnQQ"value="Submit"/>HTML元素选择器HTML元素选择器是指和HTML元素标签具有相同名称的选择器。复合选择器复合选择器是针对HTML复合元素的选择器。HTML复合元素是指由一个以上具有从属关系的标签组合而成的HTML元素,或者具有多种状态的HTML元素。如<table><tr>和<td>三类标签组成。如链接,链接有普通状态(初始状态)、悬停状态(鼠标移到链接上的状态)、链接激活状态(点击但尚未跳转的状态)和点击后四种状态。id选择器id选择器是对具有指定id的HTML元素的样式选择器。类选择器类选择器则是指自定义样式名的CSS选择器,它不会自动改变任何元素的样式,只有应用才会生效4
CSS属性CSS属性属性,与HTML元素的基本属性类似,但是功能要更丰富属性值CSS属性即真正的样式,若干个{CSS属性:对应值}的键值对就组成了一个CSS综合样式。CSS常见属性更多属性可以查看/cssref/default.asp5综合案例新闻列表页面的美化
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- IBM(中国)秋招面试题及答案
- 2026年护士执业资格考试《实践能力》考试题库(综合版)
- 2026黑龙江鹤岗市鹤北人民法院招聘聘用制人员3人备考题库必考题
- 中共甘孜州委社会工作部2025年甘孜州社会化招募新兴领域党建工作专员(47人)备考题库附答案
- 北京市海淀区学府幼儿园招聘备考题库附答案
- 四川省岳池银泰投资(控股)有限公司公开招聘急需紧缺专业人才备考题库附答案
- 宜昌市公安局公开招聘辅警70人参考题库必考题
- 招16人!城西公安分局2025年第一次公开招聘警务辅助人员参考题库附答案
- 景德镇市公安局2025年下半年招聘警务辅助人员体能测评备考题库必考题
- 特飞所2026届校园招聘参考题库附答案
- 湖南省娄底市期末真题重组卷-2025-2026学年四年级语文上册(统编版)
- 2025年华侨生联考试题试卷及答案
- 土石方测量施工方案
- DB11∕T 2490-2025 文物保护单位无障碍设施设置规范
- 2025年司法协理员年度考核表
- 风电项目质量管理
- 静脉输液操作规范与并发症预防指南
- 福建省福州市福清市2024-2025学年二年级上学期期末考试语文试卷
- 2025年CAR-NK细胞治疗临床前数据
- 班团活动设计
- 基金通道业务合同协议
评论
0/150
提交评论