CSS选择器与盒模型

CSS选择器与盒模型

ID:40840489

大小:1.36 MB

页数:11页

时间:2019-08-08

CSS选择器与盒模型_第1页
CSS选择器与盒模型_第2页
CSS选择器与盒模型_第3页
CSS选择器与盒模型_第4页
CSS选择器与盒模型_第5页
资源描述:

《CSS选择器与盒模型》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、CSS选择器与盒模型演示人:张锋CSS与标准网页设计CSS全称是:CascadingStyleSheet,是用于控制(增强)网页样式并允许将样式信息与网页内容分离的标记性语言。什么叫标准网页设计?每个页面都是由“内容”(html)与“表现”(CSS)组织起来的,html只负责显示内容,具体显示形式是CSS排版的任务。题目:CSS常用选择器一、ID选择器。唯一性,与js调用动态对象不能冲突。二、Class选择器。可重复利用。三、标签选择器。如,p标签。四、通用选择器。如:*{margin:0;padding:0;}五、其他非常用选择器。如:属性选择器,img[alt]

2、{border:solid1px#00f;};子选择器,#div>h1;相邻选择器,#div+p。题目:CSS优先级一、内联样式。值:0+1000二、ID选择器。值:0+100三、Class选择器。值:0+10四、标签选择器。值:0+1以上四种属性可以叠加,计算结果大的优先级靠前。N个class叠加时,CSS代码中靠下的最终生效。题目:块元素与内联元素一、块元素(block)的特点:1、总是在新行上显示。2、高度行高及边距补白可控。3、宽度默认是它低级元素的100%。4、可容纳内联元素和其他块元素。二、内联元素(inline)的特点:1、和其他元素在同一行显示。2、

3、高度行高及边距补白不可变。3、宽度就是它里面文字或图片的宽度。4、只能容纳文本或其他内联元素。题目:盒模型图示一题目:盒模型图示二题目:盒模型的三个属性一、margin属性。共五个,margin,margin-top,margin-right,margin-bottom,margin-left,属性值可以是长度,百分比或auto,且可以取负。简写方法:margin:10px;margin:10pxauto;margin:10px10pxauto;题目:盒模型的三个属性二、padding属性。与margin用法一样,区别是一内一外,不能取负。题目:盒模型的三个属性三、

4、border属性。Box默认是有边框的,只是不显示出来。有三个属性,border-width;border-color;border-style;例如:border-width:5px;border-color:red;border-style:solid;可简写为:border:solid5pxred;这是四条边的效果,单边为:border-top:solid5pxred;演示完毕谢谢大家下次再见

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。