知识点1、前端代码书写,先静后动,先样式再数据。
先考虑静态标签,在考虑js脚本。前端样式写好了之后,再考虑从服务器获取数据。
根据这个规则,我们就可以先写详细新闻页面的标签,后写样式,再动态获取数据。
知识点2、根据设计图开始构建整体。整体是垂直分布,其中包含水平分布。分析设计图的整体构成:
构建的框架代码如下:
效果如下,还没有写样式
小技巧,右键,可以格式化代码
知识点3、设置样式
最外的容器样式:弹性盒子,列布局
设置class
然后设置相关的样式
知识点1、前端代码书写,先静后动,先样式再数据。
先考虑静态标签,在考虑js脚本。前端样式写好了之后,再考虑从服务器获取数据。
根据这个规则,我们就可以先写详细新闻页面的标签,后写样式,再动态获取数据。
知识点2、根据设计图开始构建整体。整体是垂直分布,其中包含水平分布。分析设计图的整体构成:
构建的框架代码如下:
效果如下,还没有写样式
小技巧,右键,可以格式化代码
知识点3、设置样式
最外的容器样式:弹性盒子,列布局
设置class
然后设置相关的样式
本文标题:6-2 先静后动,构建新闻详情页面样式
本文链接:https://www.haomeiwen.com/subject/zgcepxtx.html
网友评论