html 和 css 基础知识点(一)

news/2024/7/24 9:05:25

 

      伪类选择器:

伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。

a一般顺序是:a:link{} 未访问状态链接

a:visited{}已访问状态链接

a:hover{}鼠标悬停上时状态

还有其他伪类,如first-child对应第一个子元素,last-child最后一个子元素,nth-child(even/2n)第偶数个子元素,nth-child(odd/2n+1)第奇数个子元素。

 

   盒模型的定义:

 

css将每个元素都看做一个盒子,包括以下属性:

内容区content area:包含内容,内容可以决定大小,也可以自行设定宽度和高度。元素的width属性指定的就是内容区宽度,可以按像素指定也可以按百分比相对于元素所在容器如body div 的大小来指定。

内边距padding:内容区外的透明区域,可以看做元素的一部分,对元素设定背景会延伸到内边距。

边框border:内边距周围的边框。

外边距margin:边框外的透明区域,提供元素与元素之间的间隔,元素背景不会延伸到外边距。元素的(内联,如图像)左右外边距会相加,(块元素)上下外边距会折叠,取最大的,嵌套也是如此。另外,浮动元素的外边距与正常流中的外边距不会折叠。

转载于:https://www.cnblogs.com/lipeng929/p/8907229.html


http://www.niftyadmin.cn/n/735328.html

相关文章

Vue2 源码解析: MVVM 双向绑定1 - 响应式原理(数据观测/响应)

Vue2 源码解析: MVVM 双向绑定1 - 响应式原理(数据观测/响应) 文章目录Vue2 源码解析: MVVM 双向绑定1 - 响应式原理(数据观测/响应)前言深入 MVVM细化 ViewModelMVVM 实现三阶段正文回顾:观察者模式1. 数据观测1.1 被观测数据代理 Observer1.1.1 观测对象 Object1.…

Python 时间序列(利用python 进行数据分析_11)

目录 (1)datetime.datetime (2)datetime.timedelta 两个datetime之间的差,以天数与及秒来存储 11.1.1 字符串与datetime互相转换 (1)strftime(format) 是对datetime对象和pandas的Timestamp对象进行格…

ajax406错误

如上,ajax请求时一直返回error,但是后台已经正确返回。网上给出的解决办法是spring3.*的,但我的是sppring 4.*的,应该不适用,我也没试。 思索一下,406 not acceptable,直译过来是不接受,不接受什…

MySQL_插入

一、 INSERT INTO 第一种方法: INSERT INTO table_name (field1, field2,...fieldN) VALUES (valueA1,valueA2,...valueAN),(valueB1,valueB2,...valueBN),(valueC1,valueC2,...valueCN)......; (1)列出列名 insert into exam_record (…

JS 基础: 从 5 种创建对象的方式看 new 操作符的作用与实现

JS 基础: 从 5 种创建对象的方式看 new 操作符的作用与实现 文章目录JS 基础: 从 5 种创建对象的方式看 new 操作符的作用与实现前言正文创建 Object 对象的五种方式使用 Object.create(proto) 创建对象自定义类型函数属性 & 原型创建自定义类型对象自定义类型小结再谈对象…

MySQL_更新

UPDATE table_name SET field1new-value1, field2new-value2 [WHERE Clause] 可以同时更新一个或多个字段。可以在 WHERE 子句中指定任何条件。可以在一个单独表中同时更新数据。 一、更换一个字段 update examination_info set tag "Python" where tag "PY…

JS 基础: JavaScript 中 4 种继承方式 instanceof 实现

JS 基础: JavaScript 中 4 种继承方式 & instanceof 实现 文章目录JS 基础: JavaScript 中 4 种继承方式 & instanceof 实现前言正文1. 借用构造函数的继承2. 借用原型对象的继承3. 创建实例对象作为原型的继承4. 创建未初始化实例作为原型的继承Babel 编译后的继承ins…