html及css

css:它定义如何显示 HTML 元素,用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离,极大提高了工作效率 。

HTML(超文本标记语言)和CSS(层叠样式表)是构建网页的两个基本要素,它们紧密相连,相互依存。HTML用于描述网页的内容、结构和语义,而CSS则用于描述网页的样式、布局和表现。

HTML和CSS之间的关系是一种"分离而互补"的关系。

CSS选择器的类型分为3类:标记选择器、类别选择器和ID选择器。(可能名称有不同的说法,但意思都是一样的) 标记选择器是利用HTML的标记直接定义标记内容的样式,类别选择器是通常说的class选择器,定义的时候要在名称前加. ID选择器定义的时候要在前面加#, 利用DW写CSS的时候,高级就是上面说的ID选择器,ID选择器的名字可以任意命名,可以自己定义,可是标签就只能是HTML语言里制定的那些标记,不能自己定义。

CSS处理网页时,它认为每个元素都包含在一 个不可见的盒子里,把所有的元 素都想象成盒子,那么我们对网页的布局就相 当于是摆放盒子。我们只需要将相应的盒子摆放到网页中相应的 位置即可完成网页的布局。 一个盒子我们会分成几个部分: 内容区(content) 内边距(padding) 边框(border) 外边距(margin)

CSS的三大特性:层叠性,继承性,优先级

在HTML中,浮动就是让元素可以向左或向右移动,直到它的外边距碰到其父级的内边距或者是上一个元素的外边距

相对定位,相对元素本身的位置进行定位,相对定位不脱离自己原来的文档流,移动的位置是以自己左上角为基点来移动的

绝对定位,相对于它上一个已经定位的祖先元素进行定位,如果所有祖先元素都没有定位就以当前屏幕进行定位。如果子元素想在父元素上定位而父元素不想挪动位置,那么就为父元素设置相对定位且父元素的top和left为0。(自绝父相)

相关推荐
一涯2 分钟前
页面出现空白区域
前端
spmcor27 分钟前
MinIO本地对象存储部署指南
前端
少年纪31 分钟前
前端用 pdf.js 将 PDF 渲染到 Canvas 再转图片,文字消失的坑
前端
RoyLin32 分钟前
TypeScript设计模式:复合模式
前端·后端·typescript
我是天龙_绍35 分钟前
CSS/JS/图片全挂了,部署后页面白屏/资源加载失败?这两个配置项坑了多少人!
前端
我的小月月35 分钟前
SQLFE:网页版数据库(VUE3+Node.js)
前端·后端
小高00736 分钟前
🌐ES6 这 8 个隐藏外挂,知道 3 个算我输!
前端·javascript·面试
汤姆Tom37 分钟前
Node.js 版本管理、NPM 命令、与 NVM 完全指南
前端·npm·node.js
Alan5215939 分钟前
Java 后端实现基于 JWT 的用户认证和权限校验(含代码讲解)
前端·后端
RoyLin1 小时前
TypeScript设计模式:策略模式
前端·后端·typescript