Html和Css的一些笔记
来源:互联网 发布:阿里云搭建个人网站 编辑:程序博客网 时间:2024/06/07 18:41
html/css
class
一堆数据的标识
同一个元素可以有多个class标识,具备多个class的属性
例:
<p class="special shout"></p>
special , shout分别是两个class的类名
id
单一元素的标识,只能是一个元素
div
浏览器的原始布局是从左到右,从上到下
对于block元素,其必然占一整行;
对于inline元素,则从左到右,在从上到下.
div是block元素
span
与div类似,span是多个元素的容器,但他是行内元素
并列selector
selector1, selector2 {}
继承selector
后代继承
selector1 selector2 {
}
直系后代继承
selector1 > selector2 {
}
(applies the given properties to selector2 only if it is directly inside a selector1 on the page(selector2 tag is immediately inside selector1 with no tags in between))
strong, b等标签
原则:html文件只定义文件结构,文件格式都应该放在css文件里定义
因此html中的strong, b标签只能作为语义上的强调,不能为了加粗而使用
specificity of specificity
见课件
同一个属性的不同方面可以集合在一起写
如:
h2{ border: 5px solod red;}
布局
每个元素可以看成一个box,由外向内依次是marget, border, padding, content
所有box都是矩形
居中
p {
margin-left: auto;
margin-right: auto;
width: 750px;
}
overflow: hidden
初步理解:当父容器的样式表加入overflow=hidden时,父容器的box将包含子元素,不管父容器的文本高度是否与子元素的一般大
position(定义偏移量时依赖的标准)
- static :这是默认状态,元素按照从左到右,从上到下,由浏览器计算其位置
- fixed : 相对于浏览器窗口,不随着页面滚动而改变位置
- relative:相对于static默认的位置
- absolute: 向祖先遍历,找到的第一个非static的祖先即为相对偏移标准,若找不到,则相对于浏览器窗口
阅读全文
0 0
- Html和Css的一些笔记
- html css的一些笔记,陆续增加
- html css javascript常用的一些笔记
- 关于HTML+css 的一些学习笔记
- 一些常用的html和css样式
- 关于HTML和Css的一些总结
- HTML和css笔记
- HTML和css笔记
- html和css笔记
- HTML+CSS的一些代码
- CSS和html里面的一些按钮 方法总结
- 邮件模板中css和html设计的一些问题
- HTML, CSS, Javascript和jQuery的一些经验总结
- html和css学习中遇到的一些问题
- HTML的一些笔记
- Html和CSS学习笔记(1):Html和CSS的关系
- 【2】CSS、HTML和一些单词
- 读《HTML、CSS和JAVASCRIPT开发Android》的笔记
- 通过 Powershell 来调整 ARM 模式下虚拟机的尺寸
- pg psql中切换current_user
- ext中的viewModel双向数据绑定皮毛
- Qt TableView的简单使用
- sql 创建聚集索引和非聚集索引
- Html和Css的一些笔记
- java juc2
- xml读取properties配置文件,web.xml读取properties,properties格式,properties在eclipse创建
- LoadCursor 加载不同的鼠标光标
- GitHub按钮功能
- Jquery的html方法里包含特殊字符的处理,类似双引号之类的
- hdu 6215 Brute Force Sorting 【链表+队列】
- PG update操作说明
- 如何定位虚拟机内部附加的数据磁盘