随笔分类 - CSS+HTML
摘要:一个简单的登录页面包含输入框、登录按钮,大概长成这样子下图的样子: 学习html你可以将浏览器当成一张白纸,用各种适合的html标签组合,并将这些标签放在指定的位置,组装成你想要的效果。 一个简单的登录页面大概包含这些标签: div块:学过PS的可以将div理解为图层,我们可以在div上添加各种元素
阅读全文
摘要:/*入园两周年纪念。在搬砖之路一去不返*/ //搬砖什么都好,就是有点伤Ctrl键。 <div style="display:none;"> </div>
阅读全文
摘要:前端未掌握知识点记录 html: 设置页面的编码方式:<meta charset="UTF-8"> 引用css文件:<link rel="stylesheet" href="style.css" type="text/css" /> 引用js文件:<script src='js/index.js'>
阅读全文
摘要:原文转自:http://blog.csdn.net/gavid0124/article/details/46826127 网页源代码中有时候会遇到这样的一段代码: <metaname="viewport"content="width=device-width, initial-scale=1.0,
阅读全文
摘要:css伪类实现文字两侧划线效果,效果如下: 代码如下:
阅读全文
摘要:直接附上最终效果图: index.html内容: style.css内容:
阅读全文
摘要:1.1、直接在div中使用css样式制作div+css网页 如: 1.2、html中使用style标签 在html头部head部分内style标签插入css样式代码如下: 1.3、使用@import引用外部CSS文件 1.4、使用link引用外部CSS文件
阅读全文
摘要:通过学习div的布局,以一个简单的内容管理网站的布局为例子,用div+css进行简单的网页布局,加深学印象: 效果如下:
阅读全文
摘要:效果如下: 关键知识点: 通过div的嵌套,利用float对div的布局进行控制,注意子div的宽度之和应该与父div的宽度大小一样
阅读全文
摘要:三个div中间自适应,两侧固定大小 效果如下: 关键知识点:
阅读全文
摘要:效果如下: 关键知识点:margin:0 auto使div居中
阅读全文