摘要: 一、 1、网页布局: a、行布局:margin:0 auto;(上下为0,左右居中) width(页面自适应) b、列布局 c、混合布局:由头部、主体和底部组成 d、圣杯布局 e、双飞翼布局:左右定宽。中间自适应 2、圣杯布局流程方式:Middle部分首先要放在container的最前部分,然后是L 阅读全文
posted @ 2020-09-06 15:53 烟雨如江南 阅读(152) 评论(0) 推荐(0)
摘要: Float课程总结:会使元素左右移动,浮动元素会脱离普通流,元素浮动后具备inline-block(行内块元素)属性 4、清除浮动方法:1、使用CSS3::after伪元素清除浮动;2、使用overflow:hidden 清除浮动 5、CSS定位机制:a、普通流(标准流);b、浮动;c、绝对定位 6 阅读全文
posted @ 2020-09-06 08:53 烟雨如江南 阅读(127) 评论(0) 推荐(0)
摘要: 一、盒子模型 1、盒子模型概念:用来“放”网页中的各种元素;网页设计中内容,如:文字、图片等元素,都可是盒子(DIV嵌套) 2、宽度属性:max-width/min-width/width:长度值 | 百分比 | auto 高度属性:max-height/min-height/height:长度值 阅读全文
posted @ 2020-08-27 21:52 烟雨如江南 阅读(245) 评论(0) 推荐(0)
摘要: 一、选择的艺术 1、HTML、CSS、JavaScript关系:a、HTML是网页内容的载体;b、CSS样式是表现(外观控制);c、JvavScript是行为,用来实现网页特殊效果。 2、CSS:层叠样式表,用于定义HTML内容在浏览器内的显示样式 3、CSS的好处:a、简化HTML相关标签,网页体 阅读全文
posted @ 2020-08-26 20:58 烟雨如江南 阅读(103) 评论(0) 推荐(0)
摘要: 1、表单语法: <form> 表单元素(文本域、单选框、复选框、按钮、列表...) </form> 表单本身不可见 2、Form中可添加标签: 标签 描述 <input> 表单输入标签 <select> 菜单和列表标签 <option> 菜单和列表项目标签 <textarea> 文字域标签 <opt 阅读全文
posted @ 2020-08-22 21:04 烟雨如江南 阅读(167) 评论(0) 推荐(0)
摘要: 1、<div>与<span>标签区别 <div>标签:是一个区块容器标记,<div></div>之间是一个容器,可以包含段落、表格、图片等各种HTML元素。 <span>标签:没有实际意义,为了应用样式 2、块级标签:占据一行,换行。(例:<div>、<ul>、<ol>、<li>、<dl>、<dt> 阅读全文
posted @ 2020-08-22 21:01 烟雨如江南 阅读(102) 评论(0) 推荐(0)
摘要: 1、表格结构: <table> <tr> 行标签 <td> </td> 单元格 </tr> </table> 2、表头: <th> </th> 表格头,内容居中,加粗显示,放在<tr></tr>内 <caption> </caption> 表格标题,居中显示,紧跟<table>之后,每个表格只有一个 阅读全文
posted @ 2020-08-22 15:58 烟雨如江南 阅读(154) 评论(0) 推荐(0)
摘要: 一、文字 1、标题标签:<h1></h1> <h6></h6>,字体不断变小 2、段落标签:<p></p> 3、换行标签:<br> 4、文字斜体:<i></i>、<em></em> 5、文字加粗:<b></b>、<strong></strong> 6、下标:<sub></sub> 7、上标:<sup 阅读全文
posted @ 2020-08-21 16:23 烟雨如江南 阅读(145) 评论(0) 推荐(0)