HTML
文章平均质量分 82
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
芒果Cake
花有重开日,人无再少年。
展开
-
【HTML+CSS】弹性盒子
box-sizing: content-boxpadding和border不会撑大盒子元素的总宽度=width+左右的marginwidth=width+左右的padding+左右的border元素的总高度=height+上下的marginheight=height+上下的padding+上下的border弹性盒子弹性盒子是什么?是一种布局方式弹性盒子元素的大小 排版 顺序都受到父元素的影响和控制灵活控制子元素在父元素中水平垂直对齐方式给一个元素设置了display原创 2022-12-05 20:18:31 · 2214 阅读 · 0 评论 -
【HTML+CSS】h5视频、音频、新增表单
type="color” 取色type="range”滑块 必须设置name属性。type="email” 邮箱type="number”数字输入框。type="datetime-local” 选择本地时间。type="time”时间type="date”日期。type="tel”电话 pc端没有效果。autofocus 自动获取焦点。type="search”搜索。required 必须填写。type="month"月。type="url”路径。type="week”周。原创 2022-12-02 22:45:45 · 222 阅读 · 0 评论 -
【CSS】线性渐变、径向渐变
* 70%到70%之间只在一根线上渐变,只要渐变区域够小,可以忽略不计,得到纯色色块,也叫突变*//* 数值的坐标系:元素左上角为原点,向右是正值,向左是负值,向上是负值,向下是正值 *//* 如果只写一个值,默认另外一个方向是center *//* at position 渐变中心点的位置*//* 正值增加是顺时针 负值增加是逆时针 *//* 70%到75%之间只有5%的渐变区域 *//* 渐变的形状--可以设置为圆形 *//* 方向默认为从上到下 *//* 方向是可以混搭的 */原创 2022-11-30 22:05:45 · 206 阅读 · 0 评论 -
【HTML+CSS】圆角矩形border-radius
单边圆角语法:border-上/下方位词-左/右方位词-radius:数值/百分比。语法:border-radius:数值/百分比。原创 2022-11-30 22:03:32 · 1144 阅读 · 0 评论 -
【HTML+CSS】文本阴影、盒子阴影
语法:box-shadow:水平偏移 垂直偏移 模糊程度 阴影大小 颜色 内阴影inset;语法:text-shadow:水平偏移 垂直偏移 模糊程度 颜色;原创 2022-11-30 21:59:29 · 243 阅读 · 0 评论 -
【HTML+CSS 】计算属性
💡在页面布局时(例如两栏布局、三栏布局)常常会用到宽高自适应,这时就可以使用calc()函数经常宽高的自动计算,达到自适应的效果。上下布局\左右布局适用于后台管理系统的布局。/* 右边主题区域 *//* 中间主题部分 *//* 高度自适应 *//* 左边导航栏 *//* 左边导航栏 *//* 右边导航 */原创 2022-11-29 22:41:12 · 211 阅读 · 0 评论 -
【HTML+CSS】清除浮动
💡在网页中使用float浮动时,可能会遇到高度塌陷的问题。高度塌陷指的是在父元素没有设置高度的情况下,父元素的高度是由子元素的内容撑开,这时候给子元素设置浮动会导致父元素没有高度,从而改变页面布局。💡所谓万能清除法适用于任何清除浮动,也是常用的一种方法。/* 方法二overflow:hidden */clear: 清除浮动所带来的负面影响。/* 方法三加个空盒子清除浮动 *//* 方法四可以写入重置样式 */清除浮动带来的负面影响—高度塌陷。/* 方法一设置高度 *//* 加三行保险 */原创 2022-11-29 22:36:07 · 147 阅读 · 0 评论 -
【HTML+CSS】元素隐藏
💡在网页中,元素或元素内容的经常需要用到显示和隐藏,特别是在使用:hover时用到鼠标滑过显示和隐藏的效果。由于将页面中的元素影藏有很多种方法,本次重点介绍的是visibility,将会从属性继承,是否占据页面空间,以及结果是否可逆三个方面探讨visibility的使用。如果还想详细了解display、opacity等隐藏元素的方法,可以点击右上角专栏……原创 2022-11-29 22:33:27 · 272 阅读 · 0 评论 -
【HTML+CSS】宽高自适应与BFC
宽度自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。原创 2022-11-28 21:27:01 · 227 阅读 · 0 评论 -
【HTML+CSS】伪元素
CSS 伪元素用于设置元素指定部分的样式。 例如,它可用于: 设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容 语法 伪元素的语法原创 2022-11-28 21:30:01 · 488 阅读 · 0 评论 -
【HTML+CSS】表单进阶
HTML 表单包含表单元素。 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 元素 元素是最重要的表单元素。原创 2022-11-28 21:24:26 · 215 阅读 · 0 评论 -
【HTML+CSS】表格
html原创 2022-11-25 20:47:56 · 110 阅读 · 0 评论 -
【HTML+CSS】网页结构和常用标签
网页基本结构解读HTML超文本标记语言(yperextarkupanguage)原创 2022-11-15 21:18:44 · 176 阅读 · 0 评论 -
【HTML+CSS】水平垂直居中
HTML原创 2022-11-25 20:37:40 · 137 阅读 · 0 评论 -
【HTML+CSS】盒子模型
在HTML文档中每个元素都被处理成一个矩形“盒子”,并且这个盒子由4部分构成,分别是content(内容区域)、padding(内边距)、border(边框)、margin(外边距)。原创 2022-11-18 18:32:19 · 1270 阅读 · 0 评论 -
【HTML+CSS】字体字号行高
字体字号行高的设置原创 2022-11-18 18:34:03 · 653 阅读 · 0 评论 -
【HTML+CSS】基础知识
taobao文件夹=html文件(首页+新闻列表……)+css文件夹+js文件夹+img。建议使用vscode编辑器和谷歌浏览器(使用人数多、内核、兼容好等等)建议使用vscode编辑器和谷歌浏览器(使用人数多、内核、兼容好等等)web标准 w3c标准(html\css\ECMAjs)产品经理:根据用户_手机壳_来改变APP主题颜色。在工作中沟通交流很重要,合作共赢。会议时间:2022-11-15。安装软件一定要去官网上装。会议地点:3号会议室。前端不仅仅只是写网页。原创 2022-11-15 21:17:53 · 126 阅读 · 0 评论 -
【HTML+CSS】溢出属性-overflow
html原创 2022-11-22 20:10:02 · 269 阅读 · 0 评论 -
【HTML+CSS】锚点链接、透明度、滤镜
html原创 2022-11-25 20:43:58 · 127 阅读 · 0 评论 -
【HTML+CSS】表单和选择器
用法:当我的元素存在父级元素的时候,我要改变自己本身的样式,可以不另加选择符,直接用包含选择器的方式解决。value=“初始值”value可以是文本输入框的初始值,也可以是按钮的名字。他是专门来修饰页面内容的,比如内容的文字,颜色,大小间距,或者添加动画等等。行内样式权重最大,内部样式表和外部样式表看书写顺序,谁在下,谁优先。语法:选择符1,选择符2,选择符3…语法:选择符1 选择符2 {属性:属性值;通配选择符的写法是“*”,其含义就是所有元素。说明:含义就是选择符1中包含的所有选择符2;原创 2022-11-16 19:56:52 · 451 阅读 · 0 评论 -
【HTML+CSS】背景图定位
背景图的颜色、定位、大小、平铺原创 2022-11-17 19:45:56 · 257 阅读 · 0 评论 -
【HTML+CSS】浮动-float
注意: 内容宽高文本, 内边距, 边框都会撑大盒子, 唯独外边距不会撑大盒子。但是盒子模型包括外边距, 可以使用盒子嵌套盒子的方式去理解。浮动的元素会半脱离文档流, 不占据页面空间, 不会遮挡下面的文字。css规定, 所有的元素都为框, 所有的元素在页面都占据空空间。不独占一行的元素只能添加左右边距, 不能添加上下边距。浮动的元素会在父元素的限制范围内浮动。浮动元素会在当前行框内进行浮动。计算元素在页面所占的空间。padding的特征。padding的属性。原创 2022-11-21 19:00:44 · 340 阅读 · 0 评论 -
【HTML+CSS】外边距-margin
垂直方向: 相邻的上下两个元素, 上面有margin-bottom, 下面有marign-top, 垂直外边距相遇, 间距发生重叠, 以数值大的为准。外边距溢出是父元素里面的第一个子元素添加marign-top,会把父元素带下来。水平方向: 外边距相加 左右两个兄弟元素之间, 外边距相遇会相加。原因:父元素盒子元素共用了margin。/* 1-上 2-左右 3-下 *//* 1-上下 2-左右 *//* 1234-上右下左 *//* 1-4边的外边距 *//* 1-4边 */原创 2022-11-22 20:03:24 · 390 阅读 · 0 评论 -
【HTML+CSS】选择器权重
标签选择器的权重是1 class选择器的权重是10 ID选择器的权重是100 行间样式的权重是1000 带有关键字 !important 的css属性 权重是无穷大原创 2022-11-17 19:43:59 · 110 阅读 · 0 评论 -
【HTML+CSS】元素垂直对齐-vertical-algin
元素垂直对齐原创 2022-11-23 21:47:31 · 242 阅读 · 0 评论 -
【HTML+CSS】定位-position
html+css定位position原创 2022-11-24 21:33:46 · 135 阅读 · 0 评论