12 2019 档案

块级元素水平和垂直居中的方法
摘要：水平居中 1.将元素放置在table中,再将table的margin-left和margin-right设置成auto,将table居中,使在其之中的块级元素叶居中,但是这种方式不符合语义化标签的规范; 2.将块级元素转换行内元素(通过设置display:inline)后再居中.这种方式使居中元素变 阅读全文
posted @ 2019-12-22 15:20 我打谷子凶得批爆 阅读(1048) 评论(0) 推荐(0)
行盒的特征，尺寸和定位
摘要：什么是行盒：display属性为inline的元素。 特征： 1.行盒可被折断，因为内容可被折断换行（可通过word-break属性设置截断位置）； 2.同一个包含块中，连续的多个行盒水平依次排列 ； 3.空白折叠的规则仅适用于行盒内部和行盒之间 ； 4.行盒与行盒之间的距离可使用水平方向上的mar 阅读全文
posted @ 2019-12-22 14:51 我打谷子凶得批爆 阅读(115) 评论(0) 推荐(0)
雪碧图的优缺点
摘要：CSS雪碧 ：即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。 雪碧图的优缺点： 优点: 图片变成一张肯定所占位置更少，减少加载时间，增强用户体验；作为设计师来说不用对各种小图标命名 阅读全文
posted @ 2019-12-22 14:47 我打谷子凶得批爆 阅读(525) 评论(0) 推荐(0)
CSS中层叠和继承的概念。
摘要：继承 CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码： 1 2 3 4 5 6 7 8 9 <html><br><head> <style> p{border:1px solid red} </style 阅读全文
posted @ 2019-12-15 19:03 我打谷子凶得批爆 阅读(240) 评论(1) 推荐(0)
HTML,CSS
摘要：什么是结构，样式，行为相分离？这样做的好处是什么？ 结构就像是一颗大树的主体（HTML），样式就是树枝部分（CSS），行为就是外在因素（JS）。 代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 阅读全文
posted @ 2019-12-08 21:08 我打谷子凶得批爆 阅读(514) 评论(0) 推荐(0)