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。(自绝父相)

相关推荐
加个鸡腿儿3 分钟前
从"包裹器"到"确认按钮"——一个组件的三次重构
前端·vue.js·设计模式
子兮曰8 分钟前
AI写代码坑了90%程序员!这5个致命bug,上线就炸(附避坑清单)
前端·javascript·后端
猪八宅百炼成仙14 分钟前
PanelSplitter 组件:前端左右布局宽度调整的实用解决方案
前端
锋利的绵羊30 分钟前
【解决方案】微信浏览器跳出到浏览器打开、跳转到app,安卓&ios
前端
终端鹿33 分钟前
Vue3 核心 API 补充解析:toRef / toRefs / unref / isRef
前端·javascript·vue.js
刘宇琪33 分钟前
如何有效缓解大语言模型生成内容中的事实性错误(幻觉)
前端
英俊潇洒美少年34 分钟前
vue的事件循环
前端·javascript·vue.js
GISer_Jing35 分钟前
Next.js全栈开发实战与面试指南
前端·javascript·react.js
im_AMBER36 分钟前
万字长文:从零实现 JWT 鉴权
前端·react.js·express
发量浓郁的程序猿37 分钟前
uniapp vue3手搓签名组件
前端