发表于: 2019-02-16 23:12:03
1 878
一、今天完成的事情:
试着答一下深度思考。
1.如何利用PS切图以及从UI图中获取所需信息?
图层整理干净,用切片工具切,存成png。还能如何?
2. px、em、rem、%、vw、wh、vm等单位有什么区别?
除了px,其他单位都是有参照物的
% 相对于父元素
vw和vh 相对于视口宽度和高度
vmin/max 取的是视口宽度高度,二者中比较小/大的那个
em rem 与字体大小相关
3.如何进行自适应网页设计?
響應式網頁設計(英語:Responsive web design,通常縮寫為RWD),或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是一種網頁設計的技術做法,該設計可使網站在不同的裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為。
1 用相对单位,不用绝对单位。
2.用浮动
4.css有哪些选择器,优先级如何计算?
可以直接选 body div p等等;还可以选所有子元素,相邻的;选class、id,属性;还可以选first letter之类的,各种组合。
下面列表中,选择器类型的优先级是递增的:
1.类型选择器(type selectors)(例如, h1)和 伪元素(pseudo-elements)(例如, ::before)2.类选择器(class selectors) (例如,.example),属性选择器(attributes selectors)(例如, [type="radio"]),伪类(pseudo-classes)(例如, :hover)
3.ID选择器(例如, #example)
5.什么时候用margin好,什么时候用padding好?
margin垂直方向会合并,而padding不会
Margin不会被鼠标点中,padding会被点到
明天计划的事情:
1. 修改我的魔镜介绍页
2. 查资料解决这个问题:6.手机分辨率和网页中的px是一回事吗?
遇到的问题:
分辨率px dpi 那些还不能理解,明天解决
收获:
做了以上整理。
评论