- 博客(12)
- 收藏
- 关注
原创 2020-12-02
学习内容: 学习产出: 1、元素的层级 如果定位元素层级是一样的,那么下边的元素会盖住上边的; 通过z-index属性可以设置元素的层级:指定一个正数作为值,该值会作为元素的层级,越高层级越高,对于没有开启定位的元素不能设置z-index; 父元素的层级再高,也不会盖住子元素; 设置元素的透明背景: opacity:设置元素的透明背景,一个0-1之间的值 0:完全透明 1:完全不透明 2、背景: background-image:设置图片背景 background-image:url(相对路径) 如果背景
2020-12-02 12:09:14 85 1
原创 2020-12-01
学习内容: 学习时间: 1、 周二 学习产出: 1、解决高度塌陷问题: 页面元素有一个隐藏的属性:block formatting context简称BFC 开启BFC之后,元素有以下属性: (1)父元素的垂直外边距不会和子元素重叠 (2)开启BFC的元素不会被浮动元素覆盖 (3)开启BFC的原速度可以包含浮动的子元素 开启BFC的方法: 1.设置元素浮动【可以撑开父元素,会导致父元素宽度丢失,下边的元素 2.设置元素的绝对定位 3.设置元素为inline-block ...
2020-12-01 12:44:20 127
原创 2020-11-30
2020-11-30 学习内容: 学习时间: 晚上8点到十一点 学习产出: 1、浏览器默认样式: *{margin:0;padding:0;} 2、内联元素的盒模型: 内联元素的内容区不能设置width和Height; 内边距:可以设置水平方向的内边距,可以设着垂直方向的内边距,但是不会影响页面的布局。 边框:可以设置边框,但是垂直方向不会影响布局,水平的会影响布局。 外边距:可以设置水平方向的外边距,不会重叠,而是求和;不支持垂直方向的外边距。 3、display和v...
2020-11-30 23:57:06 64
原创 2020-11-26
学习内容: 学习时间: 例如: 1、 周三晚上7点到9点 学习产出: 1、盒子模型:元素想象成盒子,布局就是摆放盒子。 内容区(content),内边距(padding内容和边框),边框(border),外边距(margin盒子之间的距离) 2.盒子模型——边框: 要设置边框,必须指定三个样式 【border-width】:可以分别指定四个边框的宽度,分别是上,右,下,左(逆时针)。如果只设置了三个值,那么会分别设置给上,左右,下。如果只设置了两个值,那么先上下,后左右。 还有:border-xxx(
2020-11-25 21:11:38 131
原创 2020-11-25
学习内容: 学习时间: 1、周三早10点到11点半,下午4点30到6点,晚上7点到9点 学习产出: 1、字体: 颜色:color 大小:font-size(默认16px)【设置的并不是文字本身的大小,是设置框的高度,一般情况下文字比框小,字体不同,显示效果不同】 字体:font-family【如果浏览器不支持某字体,则使用默认字体】 ...
2020-11-25 11:00:32 101 2
原创 2020-11-23
学习内容: 学习时间: 提示:这里可以添加计划学习的时间 例如: 1、 周一晚上9到11点30 学习产出: 伪类的顺序:Link-visited-hover-active(Link和visited必须写在hover和active的前面,hover必须写在visited的前面) 文本标签: em标签用于语气上的着重(默认斜体显示) strong标签用于内容上的重要(默认粗体显示) i标签斜体表示,b标签粗体表示(i和b都没有任何语义) small标签用于细则的内容,比如版权信息(文字会小一些)
2020-11-23 23:27:34 79
原创 2020-11-21
学习内容: 学习时间: 提示:这里可以添加计划学习的时间 例如: 1、 周六下午2:30到5:00 2、 周六晚上7:30到10:30 学习产出: 1、伪元素:元素中特殊的位置 first-line first-color before:结合content这个样式使用 p:before{content:"我回來了"; color:red;} p:after{content:"我走了"; color:red;} 2、title属性:当鼠标放到元素上时,title属性的值将会作为提示
2020-11-21 23:22:35 72
原创 2020-11-20
学习内容: 学习时间: 1、 周四早上8:30到10:00 2、 周四下午2:30到4:00 3、 周四晚上8:00到9:00 学习产出:
2020-11-18 23:47:16 100
原创 2020-11-18
学习目标: 看完视频,做完相应练习 学习内容: 学习时间: 1、 周三早上10:30到12:00 2、 周三下午4点30到6点 3、 周三晚上8点到9点 学习产出: 1.查看图片大小(1.开发者工具 2.截图) 2.链接地址为#则会跳转到当前页面的顶部 3.id属性每个表情都可以设置,作为表情的唯一标识,并且起名不能重复比如:或者 4. ...
2020-11-18 11:20:00 155 1
原创 2020-11-17
前端学习 学习目标: 11月17日:学到 掌握知识,并能自己完成例子 学习内容: 学习时间: 1、周二下午2点至5点半 2、周二晚上8点到10点半 学习产出: 1、ipad笔记 2、部分试验代码
2020-11-17 11:20:12 129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人