随笔分类 - html/css
摘要：一 相对定位 如果仅仅对当前盒子设置相对定位，那么它与原来的盒子没有任何变化、只有一个作用：父相子绝不要使用相对定位来做压盖现象二种现象：1.不脱标2.形影分离实例： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF
阅读全文
摘要：一 盒模型 1属性 width：内容的宽度 height: 内容的高度 padding：内边距，边框到内容的距离 border: 边框，就是指的盒子的宽度 margin：外边距，盒子边框到附近最近盒子的距离 2例子 1 <!DOCTYPE html> 2 <html lang="en"> 3 <he
阅读全文
摘要：一 基础选择器 标签选择器：选择的标签的‘共性’，而不是特性 div{}、ul{}、ol{}、form{} 类选择器：.box{} id选择器：#box{} 只能选择器的特性，主要是为了js *通配符选择器：重置样式 例子： 1 <!DOCTYPE html> 2 <html lang="en">
阅读全文
摘要：一 排版标签（div,span） 1块级标签 <!--div：把标签中的内容作为一个块儿来对待(division)。必须单独占据一行。--> <!--div标签的属性：--> <!--align="属性值"：设置块儿的位置。属性值可选择：left、right、 center--><!--<span>
阅读全文
摘要：一 列表标签<ul>,<ol>,<dl> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表标签</title> </head> <body> <!--ul无序列表--> <ul> <li>北京</li>
阅读全文
