摘要: 在页面中使用flash 使用object 元素或embed元素 都是可替换元素 MIME:多用途互联网邮件扩展类型 <object data="" type=""> <param name="" value="">//表示传参数,比如nane=“quality” value=“height”意思是说 阅读全文
posted @ 2020-07-24 21:04 颿華正茂 阅读(184) 评论(0) 推荐(0)
摘要: ifream:通常用于在网页中嵌入另外一个网页(可替换元素) 可替换元素:通常是行盒,显示内容取决于属性 ,css不能完全控制其中的样式比如图片不能控制图片的颜色 具有行块盒的特点 与a元素连用 <a href="https://www.bilibili.com/" target="my">b站</ 阅读全文
posted @ 2020-07-24 20:47 颿華正茂 阅读(250) 评论(0) 推荐(0)
摘要: 透明度:opacity,它的取值是0-1 1表示不透明,0表示完全透明(设置整个元素的) 鼠标:cursor 可以使用系统值,也可以使用图片,格式为ico格式 cursor:url('') 盒子隐藏: display:none 不生成盒子 visibility:hidden 生成盒子,只是看不见,位 阅读全文
posted @ 2020-07-24 20:34 颿華正茂 阅读(159) 评论(0) 推荐(0)
摘要: 更多伪类选择器 1.first-child:选中第一个子元素 2.first-of-type()选中子元素中第一个指定类型的元素 3.last-child:选中最后一个子元素 4.last-of-type():选中最后一个指定类型的子元素 5.nth-child()选中第几个子元素 6.nth-of 阅读全文
posted @ 2020-07-24 20:28 颿華正茂 阅读(73) 评论(0) 推荐(0)
摘要: 定位:position 手动控制元素在包含块中的精准位置 默认值:static:静态定位(不定位) relative:相对定位 absolute:绝对定位 fixed:固定定位 一个元素,只要position的取值不是static,认为该元素是一个定位元素 定位元素会脱离文档流(相对定位除外) 一个 阅读全文
posted @ 2020-07-24 20:12 颿華正茂 阅读(125) 评论(0) 推荐(0)
摘要: 浮动:float:left 元素靠左靠上 float:right 元素靠右靠上 浮动盒子在排列时,会避开常规流块盒子, 常规流块盒子在排列时无视浮动盒子 行盒在排列时,会避开浮动元素 如果文字直接写在块盒当中,浏览器会自动给文字加上一个行盒,(该行盒叫做匿名行盒)包裹文字 文字环绕效果,将图片元素浮 阅读全文
posted @ 2020-07-22 21:27 颿華正茂 阅读(146) 评论(0) 推荐(0)
摘要: 视觉格式化模型(布局规则):页面中的多个盒子排列规则 大致三种方式 1.常规流 2.浮动 3.定位 包含块:每个盒子都有他的包含块,包含块决定了盒子的排列区域 绝大部分呢情况下:盒子的包含块为其父元素的内容盒 块盒:每个块盒的总宽度,必须刚好等于包含块的宽度 宽度的默认值是auto,将剩余空间占满 阅读全文
posted @ 2020-07-22 21:23 颿華正茂 阅读(110) 评论(0) 推荐(0)
摘要: 行盒盒模型 显著特点:盒子沿着内容延申 行盒不能设置宽高,若要调整,可以设置字体大小来调整 内边距:左右方向上有效,上下方向上仅仅会影响背景,不会实际占据空间 边框:左右方向上有效,上下方向上仅仅会影响背景,不会实际占据空间 边距:左右有效。上下完全无效 行块盒:具有行盒和块盒的特点(一般用来做分页 阅读全文
posted @ 2020-07-22 21:21 颿華正茂 阅读(151) 评论(0) 推荐(0)
摘要: 改变宽高范围: 默认情况下,width和height设置的是内容盒的宽高。 页面重构师:将psd文件转变为静态页面 改变背景覆盖范围: 默认情况下是覆盖到边框盒,修改使用background-clip进行修改 溢出处理: 处理内容溢出边框盒。使用overflow overflow-y: scroll 阅读全文
posted @ 2020-07-22 21:18 颿華正茂 阅读(117) 评论(0) 推荐(0)
摘要: 盒模型: box:盒子,每个元素在页面中都会生成一个矩形区域(盒子) 盒子类型: 1.行盒:display等于inline的元素,不可以换行,不能设置宽高 宽高由内容决定 常见行盒: 2.块盒:display等于block的元素,独占一行,可以设置宽高 宽高由设置的值决定 盒模型 1.内容 cont 阅读全文
posted @ 2020-07-22 21:15 颿華正茂 阅读(109) 评论(0) 推荐(0)