07 2020 档案

css 定位小结
摘要：为什么使用定位？ 定位：将盒子定在某一个位置，自由地漂浮在基本流和浮动的上面。 定位的盒子的位置 基本流，浮动，定位，css中3种布局元素的方法。使用定位的盒子肯定在最上面，使用浮动的盒子在中间，使用基本流的盒子在最下面。你可以用海底（基本流），海面（浮动），天空（定位）来形象地记忆这3种布局方法的 阅读全文
posted @ 2020-07-03 10:37 Front-Here 阅读(134) 评论(0) 推荐(0)
css 清除浮动
摘要：注： 本文大部分来自 黑马前端 css day04 笔记，在此感谢黑马的pink老师。 1. 为什么要清除浮动 ​ 图一 如上图所示，虽然父盒子没有设置高度，但是标准流的子盒子会撑开父盒子，使父盒子具有高度，那么父盒子下面的盒子就不会影响我们的布局。 但是我们使用浮动来布局后，子盒子浮动后会脱离标准 阅读全文
posted @ 2020-07-02 16:20 Front-Here 阅读(200) 评论(0) 推荐(0)
css 盒子阴影
摘要：语法： box-shadow:水平阴影 垂直阴影 模糊距离（虚实） 阴影的尺寸 阴影颜色 内/外阴影； 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> di 阅读全文
posted @ 2020-07-02 15:01 Front-Here 阅读(793) 评论(0) 推荐(0)
css border-radius（ 圆角边框）原理
摘要：border-radius: 50%; 当指定为百分比的时候，宽度乘百分比得到的数值作为半长轴，高度乘百分比得到的数值作为半短轴，得到一个椭圆，然后按下图切掉多余的部分。 border-radius: 50px; 当指定具体数值时，半长轴等于半短轴，得到一个圆，然后切掉多余的部分。 所以，如果我们想 阅读全文
posted @ 2020-07-02 13:04 Front-Here 阅读(765) 评论(0) 推荐(0)
css 外边距合并
摘要：本文转载自黑马前端 css day03 外边距合并 使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。 (1). 相邻块元素垂直外边距的合并 当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom 下面的元素有上外边距margin-top，则他们之间的垂直间 阅读全文
posted @ 2020-07-02 10:23 Front-Here 阅读(423) 评论(0) 推荐(0)
css 表格table 边框重叠问题解决
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> table { width: 300px; text-align: center; border-collapse: 阅读全文
posted @ 2020-07-02 09:52 Front-Here 阅读(6323) 评论(0) 推荐(0)
css 三大特性
摘要：该文章转载自黑马前端 css 这一节。 CSS层叠性 概念： 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 原则： 样式冲突，遵循的原则是就近原则。 那个样式离着结构近，就执行那个样式。 阅读全文
posted @ 2020-07-01 17:58 Front-Here 阅读(203) 评论(0) 推荐(0)
css 背景（background）
摘要：关于背景我们可以指定的样式有：背景颜色，背景图片，背景平铺，背景位置，背景附着。 背景颜色（color） 语法： background-color: 颜色值 默认值是transparent，表示无背景。 颜色值：预定义的颜色值/十六进制/RGB代码 例如黑色背景： background-color: 阅读全文
posted @ 2020-07-01 16:25 Front-Here 阅读(424) 评论(0) 推荐(0)
css 测量行高
摘要：![](https://img2020.cnblogs.com/blog/2019546/202007/2019546-20200701140913686-1488677115.png) 阅读全文
posted @ 2020-07-01 14:09 Front-Here 阅读(183) 评论(0) 推荐(0)
css 复合选择器
摘要：涉及到的选择器有：后代选择器，子元素选择器，交集选择器，并集选择器。 为什么要学习复合选择器? 更准确更精细地选择目标元素标签。 什么是复合选择器？ 由两个或多个基础选择器，通过不同方式组合而成的。 后代选择器（包含选择器） 看后代这两个字，说明这个选择器是用来选择元素的子孙后代的。 使用示例： h 阅读全文
posted @ 2020-07-01 14:02 Front-Here 阅读(297) 评论(0) 推荐(0)
css 基础选择器
摘要：涉及到的选择器有：标签选择器，类选择器，ID选择器，通配符选择器。 标签选择器 使用HTML标签名称作为选择器，使用此选择器可以页面中某一类标签指定统一的css样式。 语法： 标签名 { 属性:属性值; ... } 举例： 比较典型的是，为页面中所有的超链接a标签去掉下换线。 a { text-de 阅读全文
posted @ 2020-07-01 11:36 Front-Here 阅读(231) 评论(0) 推荐(0)