![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 62
蔡蔡动起来
感谢我身边所有帮助过我的人。我的学弟我的学长我的同班同学。学渣走向学霸之路不易,希望我可以从一个菜鸟到码农再到一名真正的前端工程师。
展开
-
盒子模型
学习内容:高和宽设置 边框设置 内外边距设置 盒子的计算 元素显示方式width:长度值|百分比|auto max-width:长度值|百分比|auto , min-width:长度值|百分比|auto<style> p{background-color: red;width: 400px} .one{max-width: 300...原创 2018-07-29 09:15:28 · 126 阅读 · 0 评论 -
背景和列表
background-color 设置元素的背景颜色 background-image 把图像设置为背景 background-position 设置背景图像的其实位置 background-attachment 背景图像是否固定或者随着页面其余部分滚动 background-repeat 设置背景图像是否重复以及如何重复 background ...原创 2018-08-03 08:53:21 · 203 阅读 · 0 评论 -
box-shadow(阴影)
box-shadow: h-shadow v-shadow blur spread color inset;h-shadow:阴影水平偏移的距离,大于0表示向右偏移,小于0表示向左偏移,等于0等于没有水平偏移。该参数为必需参数。v-shadow:阴影垂直偏移的距离,大于0表示向下偏移,小于0表示向上偏移,等于0表示没有垂直偏移。该参数为必需参数。blur:阴影的模糊距离,该参数为可选参数。...原创 2018-08-07 11:28:17 · 528 阅读 · 0 评论 -
三级标题定位在左边固定位置
盒子模型:通过改变元素的外边距或者内边距来实现元素的移动。定位:是通过元素的位置移动出现在网页的相对位置中。<style> *{ padding: 0; margin: 0; } .page{ width: 100%; height:...原创 2018-08-02 11:23:36 · 516 阅读 · 0 评论 -
css网页布局行布局、圣杯布局、双飞翼布局
行布局 列布局 圣杯布局 双飞翼布局基础布局:基础的行布局 行布局自适应 行布局自适应限制最大宽 行布局垂直水平居中经典的行布局:行布局固定宽 行布局某部位自适应 行布局导航随屏幕滚动导航banner内容底部导航始终在页面顶部,不随滚动条动而动。在导航的css中加position:fixed.但是banner一部分的位置会被覆盖,banner的c...原创 2018-08-02 10:16:20 · 692 阅读 · 0 评论 -
css选择的样式
html注释:<!----> css注释:/**/ css样式:行内样式(内联样式) 内部样式表(嵌入样式) 外部样式表 导入式行内样式不建议大量使用。内部样式: 外部样式: 外部样式:<link rel="stylesheet" href="" type="text/css"/>优点:C...原创 2018-07-23 08:53:16 · 1288 阅读 · 0 评论 -
z-index
z-index:可以设置元素的叠加顺序,但依赖定位属性。 z-index大的元素会覆盖z-index小的元素 z-index为auto的元素不参与层级比较 z-index为负值,元素被普通流中的元素覆盖number设置z-index大小,number越大z-index越大。z-index只作用于带有定位属性的元素。如果position属性为static的时候,就相当于没有定位属性。在普通中...原创 2018-07-30 14:49:52 · 15085 阅读 · 0 评论 -
css 定位position
HTML三种布局方式:标准流 浮动 定位position属性:决定了元素如何定位。通过top、right、bottom、left实现位置。5个可选参数:static(默认)、relative、absolute、fixed、inherit通过absolute,元素可以放置到页面的任何位置。通过position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移。...原创 2018-07-30 11:01:23 · 187 阅读 · 0 评论 -
float
float的四个参数:float:left float:right float:none float:inherit 继承浮动float:left各元素按顺序排列 float:right各元素按倒序排列<style type="text/css"> *{ padding: 0; margin: 0; } .t...原创 2018-07-29 16:01:25 · 284 阅读 · 0 评论 -
html相对定位和绝对定位
相对定位:该元素相对于自己原有位置,偏移一定距离。相对的是自己。绝对定位:该元素相对于其父元素,偏移一定距离。相对的是父元素,重点是这个父元素也需要是设置了position属性。从最近的父元素开始找,直到找到body位置为止。 1)相对定位 <div id="test"> <p class="p1">相对定位:相对于自己原来的位置,...转载 2018-07-02 18:14:24 · 25084 阅读 · 2 评论