html+css
文章平均质量分 58
html+css
学习前端的渣渣
正在学习前端的渣渣
展开
-
html学习第2篇---标签(1)
在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。src是img标签的必须属性,它用于指定图像文件的路径和文件名。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。为了使网页更具有语义化,我们经常会在页面中用到标题标签。在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.图像标签img是单标签。原创 2023-08-24 17:41:55 · 1536 阅读 · 0 评论 -
web前端初学者总结
前端初学者总结原创 2022-03-30 09:23:48 · 663 阅读 · 0 评论 -
html学习第1篇---基础
网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一"页”,通常是HTML格式的文件,它要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其俗称为HTML文件。HTML指的是超文本标记语言(Hyper Text Markup Language) , 它是用来描述网页的一种语言。原创 2023-04-27 15:45:42 · 1019 阅读 · 0 评论 -
引入css的方式
通过外部创建一个css文件,@import引入这个css文件。通过外部创建一个css文件,link标签引入这个css文件。写在标签里面,通过style=""属性设置样式。写在每个页面的标签里面。原创 2022-09-28 21:52:18 · 1399 阅读 · 0 评论 -
行内元素与块级元素
【代码】行内元素与块级元素。原创 2022-09-28 13:23:51 · 80 阅读 · 0 评论 -
水平+垂直 居中的方法
如何实现子元素(红色部分)水平+垂直居中的效果呢?原创 2022-09-28 12:52:08 · 193 阅读 · 0 评论 -
CSS中的BFC是什么?
BFC格式化上下文指一个独立的渲染区域,或者说是一个隔离的独立容器,可以理解为一个独立的封闭空间。无论如何不会影响到它的外面。原创 2022-09-22 16:35:26 · 460 阅读 · 0 评论 -
前端基础知识总结
width和padding/margin/position/border的百分比单位都相对于父元素的宽度的百分数。box-sizing将改变width属性的计算方式,传统的width的属性是内容宽度,当设置了box-sizing后,width将是border+padding+内容。给塌陷的父容器的最后添加一个没有意义的子容器,然后给该容器清除塌陷,一般清除所有。当想把块元素横着排列的时候,就应该给块元素设置浮动。子元素浮动,父元素塌陷,就必须解决父元素的塌陷。给塌陷的父元素清除浮动(常用的方法)原创 2022-09-14 19:35:13 · 206 阅读 · 0 评论 -
css中的单位
viewport width、viewport height的缩写,视口的宽度、高度,相对单位,1vw=1%相对于根元素的单位,即html中body中的font-size。绝对单位,不会随父元素大小改变而改变,大小固定;是一个相对单位,相对于父元素;原创 2022-09-14 15:55:47 · 119 阅读 · 0 评论 -
css文字溢出省略号设置的两种方式
代码】css文字溢出省略号设置。原创 2022-07-15 11:22:44 · 199 阅读 · 0 评论 -
html解决父元素塌陷问题
方法1:给塌陷的父元素的最后添加一个没有意义的子容器both:清除所有。也可以只清除left/right,但是一般清除所有.clearDiv { clear: both;//清除所有(也可以只清除)}.left{ float:left;}.right{ float:right;}<div> <div class=left></div> <div class=right></div> //添加的没有意义的子容器原创 2022-04-01 09:09:47 · 994 阅读 · 0 评论 -
flex布局(弹性布局)知识点总结
1、布局原理 flex是flexble Box的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。当我们为父元素设为flex布局以后,子元素的float,clear和vertical-align属性失效。伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局通过给父盒子添加flex属性,来控制子盒子的位置和排列方式2、flex布局父项常见属性flex-direction:设置主轴方向分为主轴和侧轴两个方向(行和列 x轴和y轴)。主轴和侧轴实惠变原创 2022-03-31 22:12:30 · 3236 阅读 · 0 评论