1.web标准:W3C组织和其他组织共同制定 结构标准HTML、样式标准CSS、行为标准JS [size=10.5000pt]2. HTML常用标签 <h1>标题标签</ h1> h1---h6 <p>段落标签</ p> <hr />水平线标签 <br />换行标签 <div>内容</ div> 一个div独自占一行 (盒子标签) <span>内容</ span> 一行可以放多个span (文字标签) <strong></ strong>字体加粗 <em></ em>斜体 <del></ del>加删除线 <ins></ ins>加下划线 <img src=“图像url”/> <a href=“跳转目标” target=“窗口弹出方式”></ a> <!--内容-->注释 <a href=“#id名”>内容 </ a><h1 id=“名字”>标题</ h1>锚点定位 <base target=“_blank”/> 全局下所有a链接均由新窗口打开 特殊字符 空格 < >> © ©® ® 表格<table> <tr> <td>单元格内的文字</td> </tr></table> 跨行合并:rowspan="合并单元格的个数" 跨列合并:colspan="合并单元格的个数" 表单 <input type="属性值(text password radio checkbox sumit reset...)" value="" name=""> <button></button>按钮 <select><option></option></select>下拉列表 <form></form>表单域 列表 无序列表 <ul><li>列表项1</li></ul> 有序列表<ol><li>列表项1</li></ol> 自定义列表<dl> <dt>名词1</dt><dd>名词1解释1</dd></dl> 3. CSS基础 css的三种引入方式:行内样式表、内联样式表、外联样式表。 css选择器:标签选择器、类选择器、id选择器、通配符选择器、后代选择器、子代选择器、交集选择器、并集选择器、链接伪类选择器。 常用属性值: font-size\font-family\font-weight\font-style\color\lineheight\text-align\text-indent\text-decoration... 标签显示模式: 块级元素 block (独自占一行、可设置宽高、盒子内可以放行内合块类元素) 行内元素 inline(一行可以显示多个、宽高无效、行内只能放文本和其他行内元素) 行内块元素 inline-block(一行可以显示多个,中间有空隙、可设置宽高) css三大特性: 样式的层叠性:样式冲突、就近原则/样式不冲突、不会层叠 继承性:子元素会继承父元素的某些样式(text-、font-、line、color等 a标签什么都不继承) 优先级:选择器相同,执行层叠性\不相同,根据优先级决定 盒子模型:content、border、padding、margin 浮动:实现多个元素在同一行显示、可以让盒子居中对齐、脱离标准流控制。浮动元素会改变display属性,类似为行内块。清除浮动主要为了解决浮动造成的影响(父元素高度为0)。 定位: 静态定位:即标准流 相对定位:占位置、本身标准流的位置。 绝对定位:不占位置、带有定位的父元素为基准点,没有父元素则以浏览器可视窗口。 固定定位:不占位置、浏览器可视窗口为基准点
|