0基础自学前端
文章平均质量分 65
0基础自学前端
仗剑恬雅人
有时候,竟然发现coding也是一种乐趣...
展开
-
总结:css中水平居中
属性可以让内部的文本和内联元素在容器中水平居中。在使用 Flexbox 布局时,通过设定。使用 Grid 布局,可以设置。对于固定宽度的块级元素,使用。在主轴上居中对齐子元素。通过设置绝对定位的元素的。来实现子项的水平居中。原创 2024-04-17 16:43:28 · 351 阅读 · 0 评论 -
CSS属性-z-index-元素浮动
float属性可以制定一个元素应沿着其容器的左侧或者右侧放置,允许文本和内联元素环绕他。朝着向左或向右方向移动,直到自己的边界紧贴着包含块,或其他浮动元素的边界为止。float属性值:left/right/none。元素浮动规则示意图:定位 > 浮动 > 普通。绝对定位,浮动都会让元素脱标,实现灵活布局。z-index用来设置定位元素的层叠顺序。取值可以是正整数,负整数,0。定位元素会层叠在浮动元素上面。CSS属性-z-index。元素一旦浮动后,脱离标准流。原创 2024-01-23 14:39:26 · 195 阅读 · 1 评论 -
前端学习前置必备基础知识 html+css day 01
网页显示的过程: (用户角度) 用户根据网站地址进行搜索网址,eg:www.baidu.com DNS服务器进行地址解析,可将输入的网址转化为ip地址 ip地址可找到服务器地址,服务器中已提前存放资源 eg:静态资源:html,css,js 将服务器中资源下载到浏览器中,渲染引擎解析代码,呈现给用户 网页显示的过程: (程序员角度) 开发项目 打包部署到服务器 服务器 什么是服务器?本质类似于电脑一样的主机,特点:24小时不关机,没有显示器,一般用Linux,CentOS 网原创 2023-07-04 14:33:50 · 70 阅读 · 0 评论 -
CSS元素浮动(float属性)-CSS属性-z-index
CSS元素浮动-CSS属性-z-index原创 2023-08-04 10:12:56 · 278 阅读 · 1 评论 -
HTML基本元素 html+css day 02
【代码】HTML基本元素 html+css day 02。原创 2023-07-04 15:02:44 · 41 阅读 · 0 评论 -
CSS前置必备知识 html+css day 03
元素的语义化 含义:用正确的元素做正确的事情 理论说,所有的HTML元素都能实现相同的事情 标签语义化好处 方便代码维护 增强阅读性,减少沟通成本 让语音合成工具能更好的阅读 有利于SEO优化 语义化实例: SEO 搜索引擎优化(缩写为SEO)是通过了解搜索引擎的算法调整自己的网站,以提高该网站在搜索引擎中的排名 原理 搜索引擎首先对大量网站的数据进行爬取 其次将爬好的数据加到临时数据库中,符合网站规则加入到索引区,不符合规制进行清理 最后对索原创 2023-07-05 14:30:00 · 91 阅读 · 1 评论 -
表格,表单,列表元素
表格,表单,列表元素原创 2023-08-02 16:05:16 · 41 阅读 · 0 评论 -
CSS伪元素,属性继承,HTML元素的类型
伪元素(常用) 常用的伪元素有: ::first-line:对首行文本设置属性 ::first-letter:对首字母设置属性 ::before: 可以在文本中加入其他的样式元素 ::after: 在文本的后面加上其他样式的元素 /* 额外的补充 */ /* 使用伪元素的过程中,不要将content省略 */ CSS的属性继承 如果一个属性具备继承性,在该元素上设置后,他的后代元素都可以继承这个属性(可以通过查阅MDN文档来看某些属性是否可以继承)一般情况下,和文本相关的属原创 2023-07-13 10:00:40 · 187 阅读 · 1 评论 -
CSS 常用属性(text和font以及选择器)
【代码】CSS 常用属性(text和font以及选择器)原创 2023-07-07 10:04:40 · 329 阅读 · 1 评论 -
CSS的盒子模型,padding,margin,box-sizing
CSS的盒子模型 一个盒子具备四个属性: content(内容):元素的内容width,height padding(内边距):元素和内容之间的间距 border(边框):元素自己的边框 margin(外边距):元素和其他元素的间距 除内容content外,其他的margin/padding/border有top/right/bottom/left四个边 盒子模型示例图: 注意:对于行内级非替换元素,设置宽高是无效的 width的默认值:auto 最大,原创 2023-07-14 09:47:37 · 222 阅读 · 1 评论 -
结构伪类-字体图标-Sprite图-元素定位
结构伪类-字体图标-Sprite图-元素定位原创 2023-08-02 16:09:22 · 55 阅读 · 0 评论 -
浮动的问题-高度塌陷
高度塌陷:浮动元素脱离了标准流,变成了脱标元素,所以不再向父元素汇报高度。原创 2024-02-20 11:38:57 · 45 阅读 · 1 评论 -
flex-居中方式总结
设置父元素的 text-align:center。1. 让元素向下位移父元素(背景元素)的 50%2> 相对来说,兼容性差一点点(基本可以忽略)1> flex布局中所有的元素都会被垂直居中。1> 必须使用定位(意味着脱离标准流)2. 让元素向上位移自身的 50%:设置当前块级元素的(宽度)2> 必须给元素设置高度。:元素有宽度的情况下,原创 2024-04-16 10:29:00 · 756 阅读 · 0 评论