- 博客(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 98 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 139
原创 2020-11-30
2020-11-30 学习内容:学习时间:晚上8点到十一点学习产出:1、浏览器默认样式:*{margin:0;padding:0;}2、内联元素的盒模型:内联元素的内容区不能设置width和Height;内边距:可以设置水平方向的内边距,可以设着垂直方向的内边距,但是不会影响页面的布局。边框:可以设置边框,但是垂直方向不会影响布局,水平的会影响布局。外边距:可以设置水平方向的外边距,不会重叠,而是求和;不支持垂直方向的外边距。3、display和v...
2020-11-30 23:57:06 71
原创 2020-11-26
学习内容:学习时间:例如:1、 周三晚上7点到9点学习产出:1、盒子模型:元素想象成盒子,布局就是摆放盒子。内容区(content),内边距(padding内容和边框),边框(border),外边距(margin盒子之间的距离)2.盒子模型——边框:要设置边框,必须指定三个样式【border-width】:可以分别指定四个边框的宽度,分别是上,右,下,左(逆时针)。如果只设置了三个值,那么会分别设置给上,左右,下。如果只设置了两个值,那么先上下,后左右。还有:border-xxx(
2020-11-25 21:11:38 140
原创 2020-11-25
学习内容:学习时间:1、周三早10点到11点半,下午4点30到6点,晚上7点到9点学习产出:1、字体:颜色:color大小:font-size(默认16px)【设置的并不是文字本身的大小,是设置框的高度,一般情况下文字比框小,字体不同,显示效果不同】字体:font-family【如果浏览器不支持某字体,则使用默认字体】...
2020-11-25 11:00:32 110 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 89
原创 2020-11-21
学习内容:学习时间:提示:这里可以添加计划学习的时间例如:1、 周六下午2:30到5:002、 周六晚上7:30到10:30学习产出:1、伪元素:元素中特殊的位置 first-line first-colorbefore:结合content这个样式使用p:before{content:"我回來了"; color:red;}p:after{content:"我走了"; color:red;}2、title属性:当鼠标放到元素上时,title属性的值将会作为提示
2020-11-21 23:22:35 81
原创 2020-11-20
学习内容:学习时间:1、 周四早上8:30到10:002、 周四下午2:30到4:003、 周四晚上8:00到9:00学习产出:
2020-11-18 23:47:16 108
原创 2020-11-18
学习目标:看完视频,做完相应练习学习内容:学习时间:1、 周三早上10:30到12:002、 周三下午4点30到6点3、 周三晚上8点到9点学习产出:1.查看图片大小(1.开发者工具 2.截图)2.链接地址为#则会跳转到当前页面的顶部3.id属性每个表情都可以设置,作为表情的唯一标识,并且起名不能重复比如:或者4....
2020-11-18 11:20:00 163 1
原创 2020-11-17
前端学习学习目标:11月17日:学到掌握知识,并能自己完成例子学习内容:学习时间:1、周二下午2点至5点半2、周二晚上8点到10点半学习产出:1、ipad笔记2、部分试验代码
2020-11-17 11:20:12 137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人