发表于: 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 那些还不能理解,明天解决


收获:

做了以上整理。


返回列表 返回列表
评论

    分享到