大前端基础视频源码课件图解-hello码农店-预习css第三天1内嵌式基本实现代码与html分离当前只能控制_第1页
大前端基础视频源码课件图解-hello码农店-预习css第三天1内嵌式基本实现代码与html分离当前只能控制_第2页
大前端基础视频源码课件图解-hello码农店-预习css第三天1内嵌式基本实现代码与html分离当前只能控制_第3页
大前端基础视频源码课件图解-hello码农店-预习css第三天1内嵌式基本实现代码与html分离当前只能控制_第4页
大前端基础视频源码课件图解-hello码农店-预习css第三天1内嵌式基本实现代码与html分离当前只能控制_第5页
已阅读5页，还剩31页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

复习css书写位1：css书写位外联 2:三种样式各自特内嵌式:基本实现css代码与html外链式:完全实现css代码与html代码分离，当前样式可以作用到整个行内式:完全没有实现css代码与html代码相分离，写法简答。成本css层叠性：浏览器解析CSS是从上至下，当CSS时以最后定义的CSS为准继承性：继承就是子继承了的CSS样式的属,继承特殊性<ahref无法继承父类的颜色原因<ahref="">自己默认有h标题不能继承父类设置文字大复习css三大特css优先级浏览器默认值 优先级特点权重会叠加继承的权重为复习html分html分类的依据：按照的显示模式分3特点：1：所有元素同在一行23特点：1：所有元素同在一行2元间相互转 display:inline-复习伪:link--伪类，适用于未被用户过的:visited--伪类，适用于已被用户过的:hover:active复习伪伪类常用属属性介设置文字是否有下横五彩导航作复习背景background-position设置背景位置需要注意12：如果有具体数一个参数代表水平方向，第二个参数代表垂直方3：background属性联写 noe- left css行高那些事（line-行高之-浏览器默认字浏览器默认字体大小为行高之-浏览器默认文字行详解行高使文字垂直居中那点有关行高单位问行高单位问单位是单位是例如 单位是例如 单独给一个设置行结如果行高单位是给父元素设置行子元素行高结元素文字大小无关行高=子元素文字大小*行高盒子模型的概所谓所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、认识css中盒子模css中盒子模型由三部分组成1边框（border）2内边距（padding）3外边距盒模型之边框border属性属性名介例如小小热border属性其他盒模型之内边距上，下，左，右距离分别是padding:10px上下10px左右padding:10px40px padding:10px20px30px padding影响盒子大小问盒子宽度=盒子宽度+左右内边距+关于边距简单计关于边距中等计提问：文字距离盒子内左边距离40p,边框为px,当前盒子200p?关于边距复杂计提问：一个大盒子宽度500px,高度300px.一个小盒子宽300px,高度150px.请画出让小盒子在大盒子居中补充点盒子模型之外边距距离上下左右边距margin:10px 20px距离上 左右 距离上 右 下margin:0autoMargin之边框合外边距合并（叠加）是一个相当简单的概当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二素的上外边距会发生合并边距合并问题只发生在块级元解决问题：1给父元素设置边框即可2给父元素设置行内元于pad

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论