发表于: 2019-05-18 20:59:14

1 909


今天完成的事件

  学会怎么用github把写完的页面上传上去通过手机打开具体如下:

你先很创建一个存储库,就比如xinchencs88/css是我创建的存储库,

 创建完存储库直接点入进去会看到上传文件,box。html就是我上传成功的代码。

点击设置往下拉找到GitHub页面

选择master branch 上面就会显示https://xinchencs88.github.io/css/这一行就是你的网页但不能直接访问你得访问是那个网页后面要加

https://xinchencs88.github.io/css/box.html才能访问你上传的网页代码。


遇到问题插入图片网上显示出下载失败



百度后, 你上传到你网页的图片必须是和你网页代码储存路径一直放在你网页代码的文件一起就成功了。

Px特点

Ie无法调整哪些使用px作为单位的字体大小

国外大部分能调整使用emrem字体

Px像素相当于长度单位,像素px是相对显示器分辨率而言

 

Em是相对长度单位,相对于当前对象文体字体尺寸。如当前对行内问题字体尺寸为被人为设置,则相当于浏览器默认字体尺寸。

 

Em特点

1em的值并不是固定

Em会继承父级元素的字体大小。

 

所以我们在写css的时候,需要注意2

1 boy选择器中声明font-size=62.6%

2 将你的原来px数值处于10 换上emd单位

重新计算哪些被放大字体的em 数值。避免字体大小重复声明。

 

Rem特点

  Remcss3新增一个相对单位,与em区别在于使用rem元素设置字体大小时,仍然时相对大小,但相对的只有html根原色。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以修改根元素就成比例调整所以字大小,又可以避免字体大小逐层符合的连锁反应。目前除了ie8更早版本外,所以浏览器均支持rem。对于不支持的浏览器需要写一个绝对单位声明如p{font-size:14px;font-size:875rm;}

 

总结就是px相当于固定值,而merem是可以随着网页的变大变小而变化的。

明天接着解决任务三感觉有点头绪了和布置9宫格差不多。




返回列表 返回列表
评论

    分享到