- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
后盾网 人人做后盾
DIV+CSS
后盾网 2011-2016
div
DIV 全称 division 意为“区块、分割”, DIV标签是一个无意
义的容器标签,用于将页面划分出不同的区域。
通过DIV将复杂的页面进行细分块,可以将问题细分一个一个
解决,所以通过DIV将页面分块是一个关键的工作,也是决定
最终效果与质量的前提。
css
CSS (Cascading Style Sheet),中文翻译为层叠样式表,是
用于控制网页样式并允许将样式信息与网页内容分离的一种
标记性语言。
div承载的是内容,而css承载的是样式
div+css网页标准布局
后盾网 人人做后盾
1.使用相对复杂
相对html中的table布局来说,divcss布局相对要复杂些,需
要掌握的知识更多些
2.CSS设计的网站浏览器兼容性问题比较突出
各个浏览器对CSS的支持略有不同,但这些细小的不同也会
使网站在各个浏览器中有较大的显示差异,甚至是面目全非
div+css缺点
后盾网 人人做后盾
div+css是web标准,顺应潮流
弥补html标签的功能缺陷。
加快页面加载的速度,降低流量费用。
对有哪些信誉好的足球投注网站引擎更加友好,更有利于收录和抓取您的页面。
使页面的内容和表现分离,便于维护和管理,节省大量的
人力和成本。
为什么要使用div+css
后盾网 人人做后盾
行内样式
div style=属性1:值1;属性2:值2;/div
嵌入样式
style type=text/css
选择器{属性1:值1;属性2:值2;}
/style
外部样式
link rel=stylesheet type=text/css href=url
导入样式
@import url(外部样式表位置);
优先级别:
行内样式表其他的样式表
其他的样式表,优先级一样,按照导入的顺序来确定他们是否起作用。
使用css控制页面样式的方式
后盾网 人人做后盾
当我们定义一条样式规则时候,这条样式规则会作用于网页当中
的某些元素,而我们的规定的这些元素的规则就叫做选择器
? id选择器
? 类选择器
? 标签选择器
? 交叉选择器
? 群组选择器
? 后代选择器 (包含选择器 )-父级和子级用空格隔开
? 通用选择器: *{}
css选择器
后盾网 人人做后盾
伪类选择器
同一个html元素在不同状态下的不同样式
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上*/
css选择器
后盾网 人人做后盾
继承性
后代元素会继承前辈元素的一些文字属性和样式
叠加性
同一个元素,被多个样式规则指定。
因为css的继承性和叠加性,就有了css优先级的概念
css的继承性和叠加性
后盾网 人人做后盾
所谓的优先级,指的就是哪条样式规则会最终作用于指定
的元素 行内样式
高 后代选择器
优 id选择器
先
级 类选择器
标签选择器
通用选择器
浏览器对标记预定义的样式
低
继承的样式
选择器的优先级
后盾网 人人做后盾
注释
任何语言都有注释,当然CSS也不例外
CSS的注释为/*注释内容*/
css注释
您可能关注的文档
最近下载
- 2025年磷酸脲市场调研报告.docx VIP
- 蓝凌研究院2025中国智慧医院白皮书46页.pdf
- 一级造价工程师考试:2020一级造价工程师《建设工程技术与计量》真题及答案(1).doc VIP
- 光电功能材料LBO晶体项目可行性研究报告申请建议书案例.docx
- 司马光教学课件大情境任务 .pptx VIP
- 建筑工程灭蚊蝇实施方案(3篇).docx
- 阅读理解四年级语文阅读理解精选及答案.pdf VIP
- 医院医疗人员法律法规知识培训.ppt VIP
- 00后信息行为意识研究报告-博报堂生活综研·上海-2024-41页.doc VIP
- ASTM E10-2023 金属材料布氏硬度的标准试验方法(中文版).pdf
文档评论(0)