上一页 1 2 3 4 5 6 ··· 9 下一页
摘要: * { margin: 0; padding: 0; } em, i { font-style: normal; } li { list-style: none; } img { border: 0; vertical-align: middle; } button { cursor: pointe 阅读全文
posted @ 2023-07-22 21:26 码农-编程小子 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 什么是垂直对齐vertical-align指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。不能用它垂直对齐块无素必须是行内或者行内块元素 对齐方式有哪些 /* Keyword values */ vertical-align: baseline; vertical 阅读全文
posted @ 2023-07-22 20:21 码农-编程小子 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 一张图片包括各种图标,用的时候用background-position对移到对应位置显示对应图标 但是图片放大会失真 图片制作完成后也不方便修改 所以如果小图票,我们可以用字体库解决 https://icomoon.io/ https://www.iconfont.cn/ 字体使用步骤 1:下载,h 阅读全文
posted @ 2023-07-22 18:35 码农-编程小子 阅读(14) 评论(0) 推荐(0) 编辑
摘要: display:none隐藏元素,不保留位置,文档结构中存在 visibility:hidden隐藏元素,仍占有原来位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont 阅读全文
posted @ 2023-07-22 13:13 码农-编程小子 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 盒子垂直居中,水平居中实现例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2023-07-22 12:47 码农-编程小子 阅读(30) 评论(0) 推荐(0) 编辑
摘要: static静态定位类似于标准流 relative相对定位元素移动位置参照原来位置来移动的保留原来的位置(人走了,位置留着,停职留薪),不脱标 absolute绝对定位元素移动位置参照父元素如果父元素和父父级等无定位,则以浏览器位置偏移如果父元素有定位,则以父元素为参照进行偏移如果父元素无定位,父父 阅读全文
posted @ 2023-07-21 23:14 码农-编程小子 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 浮动的前生今生浮动最初是为了文字环绕效果的,所以浮动元素不会遮住下面的图片和文字,但是绝对定位和固定定位会遮住 什么是浮动创建浮动框,将其移动左或者右边,直到碰到左边缘或右边缘。特性:浮动元素会脱离标准流,浮动的盒子不会保留白原来位置一行内显示,顶端对齐行内元素加了浮动元素都会具有行内块元素,无需转 阅读全文
posted @ 2023-07-21 22:04 码农-编程小子 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 网页基本元素是盒子,网页布局核心就是布局盒子,所谓盒子就是把元素看成放内容的容器 盒子模型组成 实际内容 content 内边距padding 边框border 外边距margin 盒子大小计算 传统盒模型 box-sizing: content-box;默认值 例如设置了width:200px(指 阅读全文
posted @ 2023-07-20 23:16 码农-编程小子 阅读(24) 评论(0) 推荐(0) 编辑
摘要: css3提供的半透明效果 背景图片background:url('1.jpg') 默认是背景平铺的 background-repeat:none|repeat|repeat-x|repeat-y 背景位置 background-position:center center; background-p 阅读全文
posted @ 2023-07-20 22:53 码农-编程小子 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 块级元素独占一行,高宽内外边距可以控制宽度默认为100% 行内元素一行显示多个宽度默认内容本身宽度宽高设置无效 行内块元素一行显示多个(行内元素特点)默认宽度是内容本身宽度(行内元素特点)宽度高度可以设置(块内无素特点)之间有空白间隙 body自带margin外边距8px 阅读全文
posted @ 2023-07-20 20:54 码农-编程小子 阅读(3) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 9 下一页