HTML&CSS
1.行内元素、块级元素是什么？有哪些？
行内元素
作用：在结构中填充网页内容
特点：与其他行内元素共享一行空间
宽高都有自身决定
不用来搭建网页结构、也无需通过CSS指定宽高
不可以嵌套块级元素
span ：无意义的行内元素，CSS去修饰
例子： a超链接 Href=”” 绝对路径、相对路径、锚点
target=”” _self _blank
img图片 ：width height
src 绝对路径、相对路径
Alt 图片找不到后展示的文字信息
装饰类型（逐步淘汰）：
Strong b
Em i
Sub sup…
块级元素
作用：搭建网页结构
特点：独占一行空间、宽度默认100%、高度由自身或者 子元素内容决定、可以通过CSS指定高度宽度
不要块级元素嵌套到行内元素中
了解原有特性、去除样式、添加自己的样式：DIV+CSS
例子：div—无意义的块级元素
h1~h6—标题—Margin font-size font-weight
P—段---margin
ul>li —无序列表—Margin padding list-style
ol>li —有序列表—Margin padding list-style
dl dt dd—定义列表—margin
Html/head/body—Body:margin
header footer nav article aside section address H5的语义化标签样式与div类似的检索的时候有意义：SEO、爬虫 –<div class=”header”></div>
input image置换元素
2.网页的三层结构(三要素)有哪些？
三层结构：
HTML：结构内容 名词
CSS：修饰 表现 形容词
JS：脚本 行为 功能 动词
3.HTML5与HTML4的异同点？
3.1.结构
代码简洁
<!DOCTYPE html>
<meta charset=”UTF-8”>
字符集统一：防止乱码
3.1.1.什么时候会出现乱码
3.1.2.怎么防止乱码的出现
数据库（db table colocum/my.cnf…)、jdbc mybaits、java/ptython、http webservice、ajax js、html meta css @charset=”UTF-8”
编辑器:开发编辑器VSCODE
客户端浏览器
3.2.兼容性不同
浏览器厂商：IE、火狐、谷歌
浏览器版本：6、7、。。11 低版本 高版本
HTML4的兼容性更高
HTML5 的功能更丰富
webapp开发
手机打开的网页 uc浏览器
微信分享链接
微信公众号
Android ios … app cordova(网页–>打包–>app）
Jquery-moblie.js
3.3.HTML中新增很多新特性：语义化标签、input type
文本样式
1.字体样式
color 为字体指定颜色
font-size 为文字指定大小
font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体
font-style 用于打开和关闭斜体文本
font-weight 为字体设置粗细程度
text-align 文字排列方式
text-decoration 设置或者取消文本修饰
text-transform 设置或者取消字体改变
text-shadow 设置或者取消文本阴影
2.列表样式
2.1 list-style-type 设置列表项标志类型 ：none ,disc,circle…
2.2 list-style-image 自定义设置列表项标志:url
2.3 list-style-position 设置列表项标志出现的位置:
outside 【默认】列表项标志出现在主块框的外部
inside 列表项标志出现在主块框的内部
2.4 list-style 列表样式的速记写法:<type><image><position>
3.其他样式
line-height 设置文本的行高
取值为绝对单位或者相对单位
display 显示方式
inline 行内显示，宽高无效
block 块级显示，宽高有效
inline-block 行内显示同时宽高有效
none 不显示，不占据屏幕空间
visibility 显示与隐藏
hidden 隐藏，占据屏幕空间
visible 显示
opacity 透明度，0-1之间的取值，取值为0的时候隐藏，占据屏幕空间
overflow 溢出处理
hidden 超出内容隐藏
auto 超出产生滚动
scroll 滚动条
133
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
