css
dtf1026536690
这个作者很懒,什么都没留下…
展开
-
css基础知识
1 css的引入 内嵌式: <style type="text/css"> </style> 外联式: <link rel="stylesheet" href="index.css"> 行内样式: <p style="color: blue;">这是一个p标签!</p> 2 选择器 Note:选择器的优...原创 2019-04-26 17:16:14 · 111 阅读 · 0 评论 -
盒模型
width:内容的宽高 height:内容的高 padding:内边距 border:边框 border-width 上右下左,一参表四个,二参表上下、左右,三参表上、左右、下 border-style none 无 dotted 点状 dashed 虚线 solid 实线 double 双线 border-color border-le...原创 2019-04-26 17:22:11 · 95 阅读 · 0 评论 -
css选择器的优先级
我们现在已经学过了很多的选择器,也就是说我们有很多种方法从HTML中找到某个元素,那么就会有一个问题:如果我通过不用的选择器找到了相同的一个元素,并且设置了不同的样式,那么浏览器究竟应该按照哪一个样式渲染呢?也就是不同的选择器它们的优先级是怎样的呢? 是先来后到呢还是后来居上呢?统统不是,它是按照下面的选择器的权重规则来决定的。 ...原创 2019-04-26 16:46:10 · 103 阅读 · 0 评论 -
定位
1 相对定位(position:relative) 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: top、bottom、left、right 特性: 1.不脱标 2.形影分离 3.老家留坑(其为定位前的位置仍被...转载 2019-04-26 17:53:21 · 296 阅读 · 0 评论 -
浮动
1 标准文档流: 定义:web 网页的制作,是个“流”,从上而下。 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙,在一行内写img标签则没有此现象。 2.高矮不齐,底边对齐 文字还有图片大小不一,都会让我们页面的元素出现高矮不齐的现象,但是在浏览器查看我们的页面总会发现底边对齐 ...转载 2019-04-28 10:32:26 · 101 阅读 · 0 评论