web03-04 PS-html+css

129 阅读1分钟

1.png

2.png

HTML

1.段落标签 默认字号大小是16px ctrl+? 单行注释 shift+alt+A 多行注释 注释算代码 禁止了浏览器编译而已

2.超链接 target _self 本页面打开 target _blank 新窗口打开 默认有刷新 javascript:void(0) 阻止 点击刷新

< a href="javascript:void(0)" target="_self">百度一下</a>

3.src 图像的地址 ./ 同一级 /下一级 路径是随着本文件的位置改变而改变 相对路径 绝对路径地址是不会改变

4.合理的标签之间可以相互嵌套
5.(X)HTML (标签的严格模式 字母都需要小写 嵌套准确 结束符号) 是 html未来发展趋势

CSS

权重的区分
1.!important > 内联样式 > id选择器的优先级 > 属性选择器 > 类选择器 优先级 > 标签选择器 > 通用选择器(*) > 浏览器默认样式

层级选择器比较权重
!important 10000 > 内联样式 1000 > id选择器的优先级 100 > 属性选择器10 = 类选择器10 优先级 > 标签选择器 1 = 通用选择器(*)1 > 浏览器默认样式 0

2.!important 如果加了它,会立马的将权重提高到最顶层
3.css可以层叠,跟选择器的权重有关
4.css层叠样式表内联 行内 样式 权重 大于 内部样式
5.em 是根据祖先元素的font-size
6.rem 根据html这个根元素的font-size的大小\ 7.1vw 占据 视口 的1%\

8.显示隐藏 占据内容 : opacity: 0;
不占据内容: display: none;
显示: display: block;
占据内容: visibility: hidden;\