随笔分类 - HTML/CSS
摘要：需求：div3 宽100R% ,高100px,内部包含div1和div2; div1 宽100px,高100px, 如何使div2宽度充满剩余空间（尽量使用css实现） 解决方案1 弹性盒布局： 解决方案2 CSS3新属性 calc： 兼容性参考： 解决方案3 定位+margin： 解决方案4 定位
阅读全文
摘要：<input> 输入框： 1、type： 当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用) <textarea>
阅读全文
摘要：一、阿里字体离线应用步骤： 码云demo路径：https://gitee.com/ilaozhao/usuallyDemo.git 1、访问阿里字体库，将需要的图标添加至自己创建指定的项目； 点击购物车后，右上角会对应的+1, 如下图 2、点击购物车后，会出现如下提示，此处我们选择添加至项目；（下载
阅读全文
摘要：在HTML文件中引入CSS样式有三种方法：外部样式：通过link标签引入CSS样式；内页样式：写在HTML页面里面的style标签里面；行内样式：写在对应标签的style属性里面。我知道一般情况下使用外部样式，减少代码冗余，同时便于后期维护。但如果同时用三种方式引入相同的CSS样式，谁的优先级更高呢
阅读全文
摘要：每当做一个静态页面时，不要着急与上来就敲，而是要先观察页面的整体布局。首先，要从页面的整体布局出发。例如： 以微信公众平台来说，从层次上来观察是上下结构，容易进入分块思维，上下div布局。可是，纵观却有新的发现，中间部分和两端明显有着整齐划一的纵向界限。故而，从纵向来布局div，之后再横向展开会更容
阅读全文
