发表于: 2018-07-12 23:04:52
1 746
今天完成的事情:了解了rem em px 单位的区别:
px是像素(计算机屏幕上的一个点),是相对于显示器屏幕分辨率而言的
em则是相对于文本的字体尺寸(父级元素)的单位,任意浏览器的默认字体高都是16px,所有未经调整的浏览器都符合: 1em=16px
rem:相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。
上面一段没看很懂,HTML根元素应该是整个网页的尺寸或者是整个盒子?
vw和vh单位都是相对于视口的宽度,视口被均分为100单位
用font-family 属性定义各种字体:用于<p>
<style type="text/css">
p.serif{font-family:Georgia, serif}
p.sansserif{font-family:'Times New Roman', Times, serif}
</style>
使用十六进制编辑颜色#000000(十六进制不是很理解)
使用RGB:rgb(red, green, blue),三个参数,每个参数选择数值从0到255,或者百分比
区分ID选择器和类选择器:ID选择器前面有一个#,并且ID选择器只能使用一次,同时二者都区分大小写
css的相对定位:
<style type="text/css">
h2.pos_left
{
position:relative;
left:-20px
}
h2.pos_right
{
position:relative;
left:20px
}
</style>
使元素相对于其正常位置向上下左右移动,同时移动的的px可以为负值,同样的,使用百分比为移动距离时,百分比也可以为负值,此时元素的父级元素为整个网页
明天计划的事情:接第二个任务,学习使用服务器,使用版本管理工具,再深入学习css的布局和边距边框等代码的编写
遇到的问题:
ID选择器的唯一性不太理解
收获:学会了em,rem等新单位的用法,学会了定义css的字体和颜色等,并学会了移动元素的位置,了解了id选择器和类选择器的区别
评论