html5和css3
文章平均质量分 71
学习基础的前端知识
weixin_47940048
这个作者很懒,什么都没留下…
展开
-
Flex 布局
当 flex-wrap 设置为 nowrap 的时候,容器仅存在一根轴线,因为 item 不会换行,就不会产生多条轴线当 flex-wrap 设置为 wrap 的时候,容器可能会出现多条轴线,这时候你就需要去设置多条轴线之间的对齐方式了.item{在HTML结构中,虽然-2,-1的 item 排在后面,但是由于分别设置了 order,使之能够排到最前面.item{默认值:auto,即项目本来的大小,这时候 item 的宽高取决于 width 或height 的值。转载 2023-09-04 14:13:05 · 326 阅读 · 0 评论 -
学习CSS3
box-shadow: h-shadow v-shadow blur spread color inset;box-shadow: 10px 10px 5px #888888;css3渐变(gradients)可以让你在两个或者多个指定的颜色之间显示平稳的过渡css3定义了两种类型的渐变(gradients):线性渐变: 从上到下渐变:background-image: linear-gradient(#e66465, #9198e5);多个颜色从上到下渐变:background-image: linear原创 2022-07-07 09:37:47 · 125 阅读 · 0 评论 -
CSS position(定位)
定位:将盒子定在某个位置,所以定位也是摆放盒子,按照定位的方式移动盒子定位 = 定位模式 + 边偏移定位模式用于一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置定位模式:边偏移:1、静态定位静态定位是元素的默认定位方式,无定位的意思position: static;静态定位按照标准流特性摆放位置,它没有边偏移2、相对定位 relative相对定位是元素在移动位置的时候,是相对它原来的位置来说的position: relative;相对定位的特点:3、绝对定位absolute绝对定位是元素在移动位置原创 2022-07-05 17:41:21 · 84 阅读 · 0 评论 -
清除浮动的四种方法
1、清除浮动之额外标签法额外标签法也称为隔墙法,是W3C推荐的做法额外标签会在浮动元素末尾添加一个空的标签。例如 ,或者其他标签2、清除浮动之父级添加overflow可以给父级添加overflow属性,将其属性值设置为hidden、auto或scroll3、清除浮动之:after伪元素法:after方式是额外标签法的升级版。也是给父元素添加 优点:没有增加标签,结构更简单 缺点:照顾低版本浏览器4、清除浮动之双伪元素清除浮动也是给...原创 2022-07-05 16:46:47 · 1235 阅读 · 0 评论 -
CSS基础
1.外部样式表(External style sheet):2.内部样式表(Internal style sheet):3.内联样式(Inline style):多重样式优先级:内联样式 > 内部样式 > 外部样式1.标签选择器:写上标签名2.类选择器:样式 . 定义 结构类(class)调用 3.id选择器:样式#定义,结构id调用4.通配符选择器:* 5.复合选择器之后代选择器 6.复合选择器之子元素选择器:>7.复合元素选择器之并集选择器:, 8.原创 2022-07-02 22:49:04 · 167 阅读 · 0 评论 -
学习HTML5
HTML5中的新特性:元素用于图形的绘制,默认情况下是没有边框和内容的,它本省是没有绘图能力的,所有绘制工作必须在Javascript内部完成SVG定义为可缩放矢量图形,用于定义用于网格的基本矢量图形,使用XML格式定义图形SVG图像在放大或改变尺寸的情况下其图形质量不会有损坏SVG优势: SVG与Canvase两者间的区别svg是一种使用XML描绘2D图形的语言canvas通过Javascript来绘制2D图形svg基于XML,这意味着svg dom中的每个............原创 2022-07-01 23:22:32 · 122 阅读 · 0 评论 -
HTML表单
表单的目的是为了收集用户的信息标签的属性值:标签为input元素定义标记,如果你点击lable元素内的文本,就会触发控件。也就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。元素用来创建下拉列表,标签中的标签定义了列表中可用的选项。元素是一种表单控件,可用于在表单中接受用户输入。标签定义一个多行的文本输入控件...原创 2022-06-30 17:39:51 · 68 阅读 · 0 评论 -
HTML列表标签
HTML列表标签:无序列表、有序列表、自定义列表原创 2022-06-30 16:35:14 · 71 阅读 · 0 评论 -
HTML表格
表格的作用:表格主要用于展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,一个清爽简约的表格能够把繁琐的数据表现得很有条理。(表格不是用来布局页面得,而是用来展示数据的)HTML表格标签定义表格cellspacing属性值表示单元格之间的空白单位pxcellpadding属性值表示单元边沿与其内容之间的空白align属性值(left/center/right)表示表格相对周围环境元素的对齐方式......原创 2022-06-30 15:54:42 · 188 阅读 · 0 评论 -
html基础
目录1.html语义化标签2.链接标签&锚点定位3.其他标签1.html语义化标签 ~ :标题标签从1到6字体逐渐变小 :水平线(单标签) :换行(单标签) 和标签都为字体加粗 和标签都为斜体字 :下标字 :上标字 :....................................原创 2022-06-29 17:18:24 · 175 阅读 · 0 评论