上一页 1 2 3 4 5 6 7 8 9 ··· 22 下一页
摘要: 为了约束浮动元素位置,我们页面布局一般采用的策略是: 先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,符合网页布局第一准则。 阅读全文
posted @ 2020-08-02 18:37 珊迪·奇克斯 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 浮动特性 加了浮动之后的元素,会具有很多特性,需要我们掌握 1.浮动元素会脱离标准文档流(脱标) 2.浮动的元素会一行内显示并且元素顶部对齐 3.浮动的元素会具有行内块元素的特性 设置了浮动(float)的元素最重要特性 1.脱离标准流的控制(浮)移动到指定位置(动),(俗称脱标) 2.浮动的盒子不 阅读全文
posted @ 2020-08-02 18:04 珊迪·奇克斯 阅读(280) 评论(0) 推荐(0) 编辑
摘要: 一。标准流(普通流/文档流) 所谓的标准流,就是标签按照规定好的默认方式排列 1.块级元素会独占一行,从上而下顺序排列 常用元素:div,hr,p,h1~h6,ul,ol,dl,form,table 2.行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。 常用元素:span a i e 阅读全文
posted @ 2020-08-02 17:34 珊迪·奇克斯 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 网页元素很多都带有默认内外边距,而且不同浏览器默认也不一致,因此我们在布局前,首先要清除下网页元素的内外边距 * { padding: 0; /* 清除内边距 */ margin: 0; /* 清除外边距 */ } 注意:行内元素为了照顾兼容性,尽量只设置左右内外边距,不要设置上下内外边距,但是转换 阅读全文
posted @ 2020-08-02 09:19 珊迪·奇克斯 阅读(925) 评论(0) 推荐(0) 编辑
摘要: 外边距(margin) margin属性用于设置外边距,即控制盒子和盒子之间的距离 属性 作用 margin-left 左外边距 margin-right 右外边距 margin-top 上外边距 margin-botom 下外边距 外边距典型应用 外边距可以让块级盒子水平居中, 但是必须满足两个条 阅读全文
posted @ 2020-08-02 08:38 珊迪·奇克斯 阅读(634) 评论(0) 推荐(0) 编辑
摘要: padding内边距可以撑开盒子,我们可以做非常巧妙的运用 比如做导航栏如果每个导航栏里面的字数不一样多,我们可以不用给每个盒子宽度了,直接给padding最合适 阅读全文
posted @ 2020-08-01 21:59 珊迪·奇克斯 阅读(190) 评论(0) 推荐(0) 编辑
摘要: padding属性用于设置内边距,即边框与内容之间的距离 属性 作用 padding-left 左内边距 padding-right 右内边距 padding-top 上内边距 padding-bottom 下内边距 内边距(padding) 当我们给盒子指定padding值之后,发生了2件事情: 阅读全文
posted @ 2020-08-01 21:14 珊迪·奇克斯 阅读(302) 评论(0) 推荐(0) 编辑
摘要: 边框会影响盒子实际大小 边框会额外增加盒子的实际大小,因为我们有两种方案解决: 测量盒子大小的时候不量边框 如果测量的时候包含了边框,则需要width/height减去边框宽度(左右都要减) 阅读全文
posted @ 2020-08-01 20:10 珊迪·奇克斯 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 看透网页布局的本质 网页布局过程 ** 先准备好相关的网页元素,网页元素基本都是盒子Box. ** 利用CSS设置好盒子样式,然后摆放到相应位置。 ** 在盒子里面装内容 网页布局的核心本质:就是利用css摆盒子。 阅读全文
posted @ 2020-07-31 22:42 珊迪·奇克斯 阅读(150) 评论(0) 推荐(0) 编辑
摘要: background-attachment 属性设置背景图像是否固定或者随页面的其余部分滚动 background-attachment后期可以制作视差滚动的效果。 background-attachment: scroll | fixed 阅读全文
posted @ 2020-07-31 07:40 珊迪·奇克斯 阅读(250) 评论(0) 推荐(0) 编辑
摘要: css的背景 background-position: x y; 参数的意思:X坐标和y坐标。可以使用方位名词或者精确单位 参数是方位名词 如果指定的两个值都是方位名词,则两个值前后顺序无关,比如left top 和 top left效果一致 如果只指定一个方位名词,另一个值省略,则第二个值默认居中 阅读全文
posted @ 2020-07-31 02:06 珊迪·奇克斯 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 上传步骤: git add . git commit -m "提示消息" git push origin master 出错: ! [rejected] master → master (fetch first) error: failed to push some refs to ' 。。。' 出 阅读全文
posted @ 2020-07-31 00:31 珊迪·奇克斯 阅读(369) 评论(0) 推荐(0) 编辑
摘要: em是相对单位,如果当前的字体样式 font-size是16px; 那么em就是16px;2em自然就是32px <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content= 阅读全文
posted @ 2020-07-30 23:31 珊迪·奇克斯 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 首先下载代码有两种方式 1.一种通过git来克隆项目 2.直接下载下来文件 (我这边是直接下载的文件) 要想办法在自己电脑上将程序跑起来 列出来我们需要的东西 1.node下载 2.vue-cli脚手架工具 阅读全文
posted @ 2020-07-29 15:11 珊迪·奇克斯 阅读(522) 评论(0) 推荐(0) 编辑
摘要: <body> <div class='wrapper'> <button class='like-btn'> <span class='like-text'>点赞</span> <span>👍</span> </button> </div> </body> <script> const butto 阅读全文
posted @ 2020-07-26 17:08 珊迪·奇克斯 阅读(852) 评论(0) 推荐(1) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 22 下一页