- 1、本文档共22页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
div+css详解
◆ div+css的介绍
div是用于存放html元素,文字,图片,视频的元素
css 是层叠样式表,用于指定div中的内容的样式
原理图:
div+css的快速体验案例:
test.html:
!DOCTYPE HTML PUBLIC -//w3c//DTD HTML 4.0 Transitional//EN
html
head
titlediv+css入门案例/title
link href=my.css type=text/css rel=stylesheet/
/head
body
div class=style1
table
trtd1/tdtd2/tdtd3/tdtd4/tdtd5/td/tr trtd1/tdtd2/tdtd3/tdtd4/tdtd5/td/tr trtd1/tdtd2/tdtd3/tdtd4/tdtd5/td/tr trtd1/tdtd2/tdtd3/tdtd4/tdtd5/td/tr trtd1/tdtd2/tdtd3/tdtd4/tdtd5/td/tr /table
/div
/body
/html
my.css中指定:
.style1{
width:300px;
height:200px;
border:1px solid red;
margin:100px 0px 0px 200px;
}
.style1 table{
border:1px solid black;
width:298px;
height:190px;
}
.style1 table td{
border: 1px solid black;
text-align:center;
}
span style=font-size:30px;color: blue;栏目一/spanbr/ 从使用span元素我们可以看到,css的基本语法
元素名 style=”属性名:属性值;属性名:属性值2;”/
元素可以是html的任意元素:
属性名:属性值要参考 w3c组织给出的参考文档
◆使用css可以统一网站的风格
css分类:外部css 内部css
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html
head
titlecss1.html/title
meta http-equiv=keywords content=杨萌,keyword2,keyword3 meta http-equiv=description content=this is my page
meta http-equiv=content-type content=text/html; charset=UTF-8 !--link rel=stylesheet type=text/css href=./styles.css-- style type=text/css
.style1{
}
/style font-size: 20px; color:red; font-weight: bold; font-style: italic;
/head
body
span class=style1栏目一/spanbr/ span class=style1栏目二/spanbr/ span class=style1栏目三/spanbr/ span class=style1栏目二/spanbr/ span class=style1栏目三/spanbr/ /body
/html
使用滤镜
style type=text/css
/*使用滤镜将图片变成黑白色*/
img {
}
/style
/*使用滤镜*/
a:link img { filter:gray;
} filter:gray; a:hover img{ } filter:;
/style
!--link rel=stylesheet type=text/css href=./styles.css--
/head
body
a href=#img src=images/1.jpg width=170px border=1//a a href=#img src=images/2.jpg width=170px border=1//a a href=#img src=images/3.jpg width=170px border=1//a a href=#img src=images/4.jpg width=170px border=1//a a href=#img src=images/5.jpg width=170px border=1//a a href=#img src=images/6.jpg width=170
您可能关注的文档
- 青春期女生健康教育学案.doc
- 进出口贸易品条质件.ppt
- 青春期性的知识专题教育.doc
- 青曲镇中心小学六年级信息技术检测题 [2].doc
- 每次打开的新窗口都是最小化窗口-即便单击“最大化”下次启动IE后新窗口仍旧是最小化.doc
- 进入缪斯全文刊期数据库.ppt
- 进出口贸易实课务件.ppt
- 毒品教学案例[曹新国].doc
- 进料加工免抵实退务.ppt
- 青海省西宁市2010年中考语文试卷.doc
- 中国国家标准 GB/T 20867.1-2024机器人 安全要求应用规范 第1部分:工业机器人.pdf
- 《GB/T 20867.1-2024机器人 安全要求应用规范 第1部分:工业机器人》.pdf
- 《GB/T 23423-2024飞机主舱集装货物装载机》.pdf
- GB/T 23423-2024飞机主舱集装货物装载机.pdf
- 中国国家标准 GB/T 23423-2024飞机主舱集装货物装载机.pdf
- 《GB/T 4706.114-2024家用和类似用途电器的安全 第114部分:饮用水处理装置的特殊要求》.pdf
- 中国国家标准 GB/T 4706.114-2024家用和类似用途电器的安全 第114部分:饮用水处理装置的特殊要求.pdf
- GB/T 4706.114-2024家用和类似用途电器的安全 第114部分:饮用水处理装置的特殊要求.pdf
- GB/T 4706.120-2024家用和类似用途电器的安全 第120部分:紫外线辐射水处理器具的特殊要求.pdf
- 中国国家标准 GB/T 4706.120-2024家用和类似用途电器的安全 第120部分:紫外线辐射水处理器具的特殊要求.pdf
最近下载
- 新动物防疫管理制度.doc
- 电工培训课件PPT(共-95张).ppt
- 第1课 社会主义在中国的确立与探索【中职专用】-【名师课堂】高一思想政治《中国特色社会主义》备课精品课件(高教版2023·基础模块).pptx
- 质量控制实验室GMP指南1300问完整版.pdf VIP
- 做情绪的主人 一 认识情绪 课件.ppt
- 医学影像学-消化系统的影像学诊断.ppt
- 旅游界app项目创业计划书.pptx VIP
- 第1课 铰链四杆机构的组成及分类公开课教案教学设计课件资料.pptx VIP
- 提高护士输液时PDA扫描率品管圈护理课件.pptx
- 地球与地球仪课件 2024-2025学年人教版地理七年级上册.pptx VIP
文档评论(0)