![](https://img-blog.csdnimg.cn/2020032517345356.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前段知识点
Web前段知识
chstor
努力学好英语的菜狗
展开
-
CSS--元素的显示与隐藏
文章目录 一、display属性 二、 visibility可见性 三、 overflow 溢出类似网页广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现!本质:让一个元素在页面中隐藏或者显示出来。一、display属性设置一个元素如何显示:display:none;隐藏对象display:block;除了转换为块级元素之外,同时还有显示元素的意思。...原创 2020-04-09 17:43:00 · 139 阅读 · 0 评论 -
网页布局总结
文章目录 一、 网页布局总结 二、标准流 三、浮动 四、 定位一、 网页布局总结通过盒子模型,清楚大部分html标签是一个盒子通过CSS浮动、定位可以让每个盒子排列成为网页。一个完整的网页,是标准流、浮动、定位一起完成布局的,每个都有自己的专门用法。二、标准流 可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局。三、浮动可以让...原创 2020-04-09 17:38:29 · 173 阅读 · 0 评论 -
CSS---定位
文章目录 一、为什么需要定位 二、定位组成 三、 定位模式 四、边偏移 五、子绝父相 六、固定定位小技巧:固定在版心右侧位置 七、定位的总结 八、定位叠放次序z-index 一、 为什么需要定位1、某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子。2、当我们滚动窗口的时候,盒子是固定屏幕某个位置的。所以: - 1...原创 2020-04-09 17:35:40 · 144 阅读 · 0 评论 -
常见的网页布局
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>啥也不是</title> <style> *{ margin: 0; padding: 0; ...原创 2020-04-02 19:24:40 · 185 阅读 · 0 评论 -
圆角边框、盒子阴影、文字阴影、浮动(and清除)
文章目录 一、圆角边框 二、盒子阴影 三、文字阴影 四、浮动 五、清楚浮动 一、圆角边框二、盒子阴影默认:Outset(外部阴影)不用再设置三、文字阴影四、浮动五、清除浮动 ...原创 2020-04-02 19:08:49 · 200 阅读 · 0 评论 -
HTML前段知识点
&n...原创 2020-02-23 23:06:11 · 154 阅读 · 0 评论 -
CSS--边框、内、外边距
文章目录 一、边框 二、 内边距 三、 防止:内边距padding会撑开盒子 四、 外边距 五、块、行、行内块居中 六、 嵌套块塌陷 七、 清除内外边距一、边框transparent 透明的二、内边距 顺时针:上右下左三、内边距padding会撑开盒子 四、外边距五、块、行、行内块居中 六、嵌套块塌陷七、清除内...原创 2020-03-26 20:36:11 · 151 阅读 · 0 评论 -
CSS-三大特性
文章目录 CSS之三大特性原创 2020-03-26 16:59:05 · 93 阅读 · 0 评论 -
CSS---选择器和字体、文本、背景
文章目录 一、基础选择器 二、 字体属性 三、Chrome调试器 四、文本样式 五、复合选择器 六、 块、行、行内块元素 七、背景显示 一、基础选择器1、标签选择器:2、类选择器:二、字体属性 三、Chrome调试器 四、文本样式五、复合选择器 六、块、行、行内块元素七、背景...原创 2020-03-25 18:30:21 · 115 阅读 · 0 评论 -
格式化CSS
/* 所有标签内外边距清零 */* { margin: 0; padding: 0}/* em 和 i 斜体文字不倾斜*/em,i { font-style: normal}/* 去掉li的小圆点 */li { list-style: none}img { /* 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */ bo...原创 2020-03-12 13:47:13 · 152 阅读 · 0 评论