css
1学习者1
不为失败找理由只为成功找方法
展开
-
前端知识点总结
1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。(通俗易懂的来讲讲DOM、两个节点之间可能存在哪些关系以及如何在节点之间任意移动)DOM: Document Object Module, 文档对象模型。节点的关系:父(parent)、子(child)和同胞(sibling)等节点关系;- 在节点树中,顶端节点被称为根(root)- 每个节点都有父节点、...原创 2020-02-19 16:33:31 · 441 阅读 · 0 评论 -
css权重核心概念
1. 权重概念: 权重,是一个相对的概念,是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。 权重系数,是表示某一指标项在指标项系统中的重要程度,它表示在其它指标项不变的情况下,这一指标项的变化,对结果的影响。2.css权重的理解: 每一个css的选择器都有一个相对的重要程度值,也就是权重的值,简称“权值”; css通过css选择器的权重占比...原创 2019-06-27 14:14:54 · 470 阅读 · 0 评论 -
CSS之层模型
一:理解如果懂Photoshop的同事,那么层模型就像它的图层那样,上下图层互不影响,可以重叠组合出你想要的视觉。或者可以理解为楼层,同一栋大厦的不同楼层,再二维角度说,大家的经纬度(页面元素的位置)可以任意调整。二:使用在前端编码中,层模型有三种形式出现:1-绝对定位(position: absolute)2-相对定位(position: relative)3-固定定位(po...原创 2019-06-28 10:06:20 · 226 阅读 · 0 评论 -
CSS之浮动模型
浮动模型又叫流模型,什么是float(浮动)最早是为了适应报纸的排版,文字环绕图片的效果,后来经过使用和研究发展出一系列复杂的用法。CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。Float(浮动),往往是用于图像,但它在布局时一样非常有用。一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动流为了说明什么是...原创 2019-06-28 11:16:33 · 634 阅读 · 0 评论 -
css之文本溢出处理 | 背景图片处理
文本溢出处理单行文本用缩略符号——text-overflow:ellipsis;多行文本做截断策略——line-height * 行数 = height;text-overflow:hidden;背景图片处理相关属性1、background:设置对象的背景样式,是一个复合属性,可以用于同时设置背景色、背景图片、背景重复模式等属性。 该复合属性可以分开写为以下几个属性:...原创 2019-06-29 14:20:26 · 889 阅读 · 0 评论 -
CSS之盒模型
怎么理解盒子模型?盒子模型是样式表(css)控制页面的很重要的概念。如果理解了盒子模型和其中每个元素的用法,才能熟练使用css的定位方法和技巧。所有的页面的元素都可以看成是一个盒子,占据一定的页面空间。占据的空间要比实际使用的空间要大得多。我们可以调整盒子的边框和距离,来调整盒子(页面和页面中的元素)的位置。盒子模型是由内容(content)、边框(border)、内边距(padding)...原创 2019-06-29 14:49:33 · 121 阅读 · 0 评论 -
前端两个经典bug
1、margin塌陷bug<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-06-29 16:38:07 · 1067 阅读 · 0 评论 -
淘宝顶部header的居中布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-06-29 17:09:04 · 1944 阅读 · 0 评论