主要知识点：
1、盒子在页面的显示=margin+border+padding+width/height
2、每个html元素都可以抽象为一个盒子
效果图：
参考：
Tips:You can change the code before run.
本文来自投稿，不代表125jz立场，如若转载，请注明出处：http://www.125jz.com/5529.html
微信扫一扫 
支付宝扫一扫
css布局基础：浮动和清除浮动练习2
上一篇
2020年4月4日 上午7:51
css布局基础：定位练习1
下一篇
2020年4月4日 上午8:22
99%的人还看了以下文章
-
这篇设计配色干货，0基础也能让你做出好作品
配色一直是设计圈子里的热门话题，是我们作为设计师必须要掌握的一门重要技能，通过色彩可以向用户传递不同层面的视觉信息，所以不同的色彩也都被人们赋予了不同的含义。比如：红色、橙色、黄色等暖色系的颜色能表现出温暖、热闹；而蓝色、淡蓝色等冷色系颜色，会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效地相互结合，往往能做到 1+1>2 的视觉效果。 色彩的特征…
-
从零开始做APP界面设计二：App界面设计尺寸
Android SDK模拟机的尺寸 屏幕大小 低密度（120） 中等密度（160） 高密度（240） 超高密度（320） 小屏幕 QVGA（240×320） 480×640 普通屏幕 WQVGA400（240×400） WQVGA432（240×432） HVGA（320×480） WVGA800（480×800） WVGA854（480×854） 600×…
-
浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）
做HTML5网页，要播放视频，视频格式为mp4，结果浏览器只能听到声音，看不到画面。 反复测试，多个浏览器均出现此问题。刚开始以为视频的格式不对，我是从MOV转的MP4格式，反复确认嵌入的视频确实是mp4格式的，可是试了好多次结果都一样，只有声音不显示图像，搞了一天，直接搞懵了。 在网上到处搜索，最终解决。 问题描述： 在html5页面中嵌入视频，用浏览器打…
-
网页设计中字体运用的12个技巧一超实用！
文字、文本排版是日常网站设计工作中经常用到，看似简单的文字，实际上排版也是很有讲究。 1. 了解字体的性格 每个字体都有性格，人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢，了解你的目标人群，知道你文档的用途，选择一类字体，使用你的目标人群所期望的字体，是你的文档的用途所需要的字体。 更多请阅读：网页设计字体篇：字体的性格 2. 避免使用默认字…
