css3基本选择器+属性选择器+动态伪类+UI状态伪类+结构类 后代选择器 祖先元素 后代元素{ } 子元素选择器（直接子元素选择器） 父元素子元素{ } 兄弟选择器 元素+兄弟元素（紧邻该元素之后的下一个兄弟元素） 所有兄弟元素选择器 元素~兄弟元素（该元素之后的所有兄弟元...

2020-02-01 16:03:03

H5网页布局+css代码美化 HTML5的结构化标签，对搜索引擎更友好 li 标签对不利于搜索引擎的收录，尽量少用 banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li samp/samp可用于浅色副标题 display:inline-block; 每个导航块存在水平间隙，解决方法是在父...

2020-02-01 16:02:33

HTML5中input新增类型+表单新增属性+其他标签属性 @ （猴头） Input 新增属性 email 邮箱（只在手机端有效） url 网址（只在iphone手机有效） tel 手机号（只在手机端有效） number 数字（右侧有上下按钮，只能输入数字，+号，-号，. 和e） input 日期时间（手机端效果...

2020-02-01 16:02:02

HTML5文档类型如何定义，有哪些标签，以及如何使用，从整体认识HTML5 html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 footer 底部 hgroup 区块的相关信息 dialog 对话框 / 会话框...

2020-02-01 16:01:03

css的网页布局案例 常见行布局： 导航使用position:fixed固定住 导航会脱离文档流，不占据空间 导致下面的元素上移，因此需要将下面的元素的padding-top设置成导航的高度 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title style * {...

2020-02-01 16:00:46

position定位及实际应用 position: static; 静态定位 / 常规定位 / 自然定位 忽略top/right/bottom/left/z-index的影响，使元素回到自然流中 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title style .block { width : 100px ; heigh...

2020-01-31 16:02:34

float浮动以及案例演示 浮动元素会影响后边的元素，但不会影响前边的元素 清除浮动： 方法一：在浮动元素后面添加一个空元素 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title style .box { width : 100px ; height : 100px ; backg...

2020-01-31 16:02:24

css背景颜色、背景图片，以及列表的多种样式 背景样式 background-color 设置元素的背景颜色。 background-image 把图像设置为背景。 background-position 设置背景图像的起始位置。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 background-r...

2020-01-31 16:02:09

css的盒子模型 width和height是指content内容的宽高 当width的值小于min-width时，则宽度为min-width 当width的值大于max-width时，则宽度为max-width min-width和max-width存在兼容性问题，在IE6以下不支持 哪些元素可以设置宽高属性 块级元素 p、div 、 h1 ~ h6 、ul...

2020-01-31 16:01:39

css字体样式+文本样式 font-family属性值：具体字体名或者字体集 如果是中文或者有单词之间有空格，需要加双引号 字体集： Serif （有装饰线） Sans-serif （无装饰线） Monospace Cursive Fantasy ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title D...

2020-01-31 16:01:08