m0_63713211的博客

11.16总结 表格细线边框 border-collapse:collapse 2.盒子大小 边框影响盒子大小 间距影响盒子大小 padding:2px; 四周 padding:2px 10px; 上下 左右 三个值 上 左右 下 四个值 顺时针 上右下左 3.padding 不撑开盒子情况 当高度或宽度未设置时，这不会撑开 ...

11.11总结 一.行内块元素 1.img、input、td 2.特点:①一行可存在多个行内块元素，但它们之间存在空隙 ②可以设置width、height、padding以及margin值 ③宽度默认随文本内容变化 二.显示模式的转换 块级元素-行内元素：display：inline 行内元素-块级元素:display：block 行内元素-行内块：display：inline-block ...

11.10总结 一.元素显示模式 1.作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页 元素的显示模式就是元素（标签）以什么样的方式进行显示 2.分类:HTML元素一般分为块元素和行内元素两种类型 二.块元素 1.常见的块元素 <h1>-<h6> <p> <div> <ul> <ol> <li> 2.块元素的特点 ①独占一行 ②高度、宽度、外边距以及内边距都可以控制 宽度默

11.9 伪类选择器 用来描述一个元素的特殊状态，比如第一个元素、某个元素的子元素、鼠标点击的元素 分类:1.静态伪类:只能用于超链接的样式 :link 超链接点击之前 :visited 链接被访问过之后 2. 动态伪类:针对所有标签都适用的样式 :hover “悬停”：鼠标放到标签上的时候 :active “激活”： 鼠标点击标签，但是不松手时。 :focus 是某个标签获得焦点时的样式（比如某个输入框获得焦点） 3.目标伪类选择器 目标伪类选择器只有一个":target"标识。 ...

11.7总结 复习 1.图像标签 <img src="url" /> 2.替换文本属性（Alt） <img src="boat.gif" alt="Big Boat"> 3.无序列表 <ul> <li>Coffee</li> <li>Milk</li> </ul> `` 4.有序列表 ```java <ol> <li>Coffee</li> <li>Milk&

11.3总结 1.复习表单及属性 ①基本框架 <table> <tr> <td> </td>/<th> </th> </tr> </ table> ②属性 <table align=“" border=“"cellpadding=“"cellspacing=“”width=“”> 2.三种样式表及chrome调试工具 ①行内 <div style=“color: red; f

11.2总结 1.基础选择器: id选择器(只调用一次) 通配符选择器 2.css字体属性 字体: 大小: 粗细: 样式: 复合属性: 3.css文本属性 文本颜色: 对齐文本: 装饰文本: 文本缩进: 行间距:

11.1学习内容 新内容:CSS 1.简介，作用及与HTML的差异 2.语法规范: ☞在<style></ style>中书写 ☞包括选择器及属性(使用花括号) 3.代码风格: 展开，小写，空格 4.基础选择器 标签选择器: p { color: green; font-size: 12px} 类选择器:.red {color: red;} <li class=“red" ><li /> 复习:表单知识 表单元素 标签 ...