web 学习
2024-10-20 20:38:10
重要得之前的知识
浏览器 shell 内核
外表 内心 IE trident
Firefox Gecko
google chrome webkit/blink
safari webkit
opera presto css 权重
!important > 行间样式 > id > class | 属性 > 标签选择器 > 通配符 !important Infinity 正无穷
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0 1000和100 256进制
一位工程师手测试出来的 浏览器父子选择器的内部原理是由右到左查找 设置字体大小实际上是设置字体的高
三角形用的是border设置 段落 text-indent: 2em;
1em = 1 * font-size 1.行级元素/内联标签 display:inline
feature:内容决定元素所占位置
不可以通过css改变宽高
span strong em a del 2.块级元素 display:block
feature:独占一行
可以通过css改变宽高
div p ul li ol form address 3.行级块元素 inline-block
feature:内容决定大小
可以改宽高
img 凡是带有inline的元素,都有文字特性 代码压缩,去掉了空格回车,所以img不能用margin调节间距 先定义功能(先写CSS)非常重要!
em可以自定义功能 a标签去掉下划线:text-decoration:none;
ui标签去掉圆点:list-style:none;
padding:0;
margin:0; 通配符用法
初始化标签
*{
padding:0;
margin:0;
text-decoration:none; ?
list-style:none; ?
} 盒子模型 盒子三大部分 盒子壁 border 内边距 padding 外边距 margin 盒子内容 width + height padding : 四个参数:上 右 下 左 三个参数:上 左右 下 两个参数:上下 左右 一个参数:全都有 body的margin 默认为8px position absolute
脱离原来位置进行定位
相当于最近的有定位的父级进行定位
如果没有,那么相对于文档进行定位
relative
保留原来位置进行定位
相当于自己本身原来的位置进行定位
fixed
固定定位
用relative作为位置,用absolute进行定位 居中:
html:
<div></div>
css:
div{ positoin:absolute/fixed; a..相对于文档中间 f..相对于浏览器中间
left:50%;
top:50%;
width:100px;
height:100px; margin-left:-50px;width * 0.5
margin-top:-50px;height * 0.5 } z-index:*; position 层的优先显示 border-radius:50%
最新文章
- maven 加入json-lib.jar 报错 Missing artifact net.sf.json-lib:json-lib:jar:2.4:compile
- Android:onNewIntent()触发机制及注意事项
- K2上海总部技术培训分享笔记
- 牛 JQuery视频笔记
- oracle连接错误
- JDK源码阅读(一) ArrayList
- Python购物车的实现课程
- sed用法小结
- 1.Maven的安装及配置
- 20170410Linux备课资料 --- 压缩与解压缩
- Oracle 11g完全卸载方案(注册表清理)
- css 禁止长按保存功能
- Unity Tiny &; ECS 学习笔记
- mvc 返回一个对象 到视图接收
- jQuery判断鼠标滚动方向
- 各种“地”—— 各种“GND”
- Makefile基础学习
- 树莓派ssh服务
- 风控模型-美国FICO标准
- 2018.10.16 uoj#340. 【清华集训2017】小 Y 和恐怖的奴隶主(矩阵快速幂优化dp)