- 博客(9)
- 收藏
- 关注
RSS订阅原创 2020-10-11
css设置背景以及背景渐变背景background-color设置背景颜色background-color: aqua;background-image可设置背景图片background-image: url(./img/earth.png);background-size调整图片大小第一个值为宽度，第二个值为高度，如果只写一个，则另一个为autocover 图片比例不变，将背景铺满contain 图片比例不变，将图片在元素中完整显示background-size: contai
2020-10-11 12:14:28
91
原创 2020-10-07
前端学习day4-定位相关定位(position):static 默认值，没有开启定位relative 开机元素相对定位absolute 开启元素绝对定位fixed 开启元素固定定位sticky 开启元素粘滞定位相对定位(relative)特点：1.元素开启相对定位后，不设置偏移量(offset)就不会发生变化偏移量：top, bottom, left, right例：top: 30px;2.相对定位是参照于元素在文档流中的位置进行定位3.相对定位会提高元素的层级
2020-10-07 19:00:58
88
原创 2020-10-06
w3cSchool导航栏<ul class="nav"> <li> <a href="">HTML/CSS</a> </li> <li> <a href="">Browser Side</a> </li> <li> <a href=
2020-10-06 23:13:07
73
原创 2020-10-06
前端学习day4盒子的大小box-sizing:border-box;默认情况下，盒子可见框的大小由内容区、内边距和边框共同决定box-sizing用来设置盒子尺寸的计算方式（设置width和height的作用）可选值:content-box 默认值，宽度和高度用来设置内容区的大小border-box宽度和高度用来设置整个盒子可见框的大小width和 height 指的是内容区和内边距和边框的总大小轮廓阴影和圆角outline用来设置元素的轮廓线，用法和border一模一样轮廓和边
2020-10-06 23:09:20
89
原创 2020-10-04
前端学习day3----盒子模型盒模型、盒子模型、框模型box modelcss将页面中的所有元素都设置为了一个矩形的盒子将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置每一个盒子都由一下几个部分组成，内容区（content）内边距（padding)边框（border）外边距（margin)边框（border），边框属于盒子边缘，边框里边属于盒子内部，出了边框都是盒子的外部边框的大小会影响到整个盒子的大小要设置边框，需要至少设置三个样式:边框的宽度borde
2020-10-04 22:59:00
97
原创 2020-10-03
前端学习day2（下）继承样式的继承，我们为一个元素设置的样式同时也会应用到它的后代元素上继承是发生在祖先后后代之间的继承的设计是为了方便我们的开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上，这样只需设置一次即可让所有的元素都具有该样式注意:并不是所有的样式都会被继承;比如背景相关的，布局相关等的这些样式都不会被继承。<div id="five"> <p>这是div里面的p</p> 这也是div里面的，但
2020-10-03 23:01:59
85
原创 2020-10-03
前端学习day2：伪类相关伪类（不存在的类，特殊的类）-伪类用来描述一个元素的特殊状态比如:第一个子元素、被点击的元素、鼠标移入的元素…-伪类一般情况下都是使用:开头:first-child第一个子元素:last-child最后一个子元素:nth-child(n)选中第n个子元素特殊值:n:第n个,n的范围e到正无穷2n或even表示选中偶数位的元素2n+1 或odd 表示选中奇数位的元素<ul id="two"> <li>第一个</li
2020-10-03 17:25:12
68
原创 2020-10-03
前端学习day2（上）<h1>标题</h1><p id="first">锄禾日当午</p><p class="mid">汗滴禾下土</p><p class="mid">谁知盘中餐</p><p>粒粒皆辛苦</p>p{ color: blue;}#first{ color: blueviolet;}.mid{ color: brown;}
2020-10-03 15:49:45
59
原创 2020-09-29
前端学习day1meta主要用于设置网页中的一些元数据 <meta charset="UTF-8"> <meta name="keywords" content="网上购物，教育，学习"> <meta name="description" content="一个网上购物，教育，学习的网站"> <meta http-equiv="refresh" content="4";url="https://www.baidu.com">
2020-09-29 16:55:04
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人