html+css
文章平均质量分 56
分享html和css的经典案例
十七同志
Hello Word!
展开
-
css reset.css 样式重置表,重置样式
html标签有默认样式,会在我们自己写样式时造成影响,一般需要重置样式,这里提供了样式重置表,复制成css文件,引入到要使用的项目中即可。原创 2024-05-13 14:28:32 · 124 阅读 · 2 评论 -
html、css、QQ音乐移动端静态页面,资源免费分享,可作为参考,提供InsCode在线运行演示
分享链接:GIF动图演示:InsCode在线运行演示:原创 2024-04-15 09:15:09 · 407 阅读 · 0 评论 -
html、css、京东移动端静态页面,资源免费分享,可作为参考,提供InsCode在线运行演示
分享链接:GIF动图演示:InsCode在线运行演示:原创 2024-04-15 09:05:47 · 450 阅读 · 0 评论 -
小米商城静态页面,提供InsCode在线运行查看,提供免费资源包的下载,可作为参考
目前只有俩个页面,首页和登录页,静态页面,欢迎讨论和意见的交流,后续有时间也会发其它的静态页面原创 2024-01-31 14:59:13 · 466 阅读 · 0 评论 -
html、css华为商城静态页面,提供InsCode在线运行查看,提供免费网页资源包的下载,可作为参考
俩个页面,首页和登录页,静态页面,欢迎讨论和意见的交流,后续有时间也会发其它的静态网页原创 2024-01-31 14:40:40 · 340 阅读 · 0 评论 -
html+css 浮动、清除浮动、什么是BFC?、如何开启BFC
如果给上边的元素设置浮动时,下边的元素就会跑到上边元素的位置上,上边元素会覆盖住下边的元素(原因是上面的元素已经脱离了文档流,不占据位置)浮动的元素并不是根据上下排列的顺序来设置左右浮动,每个元素可以任意设置浮动位置。元素也会脱离文档流,虽然可以撑开父元素,但是会导致父元素的宽度丢失。以后,元素会变成一个独立的布局区域,不会在布局上影响到外面的元素。脱离文档流的元素,默认在父元素的顶部,不会超出父元素的内容。无论浮动的元素是右还是左浮动,下面的元素都会默认朝左上角。原创 2024-01-12 09:14:05 · 1331 阅读 · 0 评论 -
html+css 文本样式常用属性集合和总结
注意 vertical-align 只对行内元素、行内块元素和表格单元格元素生效、不能用它垂直对齐块级元素。父元素如果不设置高,由图片撑开,此时图片的底部就会有三像素的空白。可以设置单词之间的距离,只要字符之间有空格分隔就算做单词。文本阴影(shadow是阴影的意思,blur模糊的意思)解决方式三:给父元素设置font-size为0。指定一个正值时,会自动向右侧缩进指定的像素。指定一个负值,则会向左移动指定的像素,可以用来设置文本的修饰。用于设置文本的对齐方式。设置元素垂直对齐的方式。原创 2024-01-09 11:03:51 · 527 阅读 · 0 评论 -
html+css 对input的使用以及详解
结合使用(alt 属性表示图片未正常显示时,用于替换图片的提示;如果不写这个属性,当图片未正常显示时,会默认显示。默认情况下,文件上传表单控件只能上传一个文件,添加 multiple 属性可以实现文件多选功能。属性,点击它提交表单后,会将用户的点击位置相对于图像左上角的 x 坐标和 y 坐标提交给服务器。属性的值表示的是输入框中显示的初始值,此初始值可以更改,并且在提交表单时,属性的值会发送给服务器(既是初始值,也是提交给服务器的值)属性的值表示的是按钮上显示的文本。属性的值表示的是提交给服务器的值。原创 2024-01-05 00:15:00 · 1334 阅读 · 0 评论 -
html+css 有关于less的使用和全面解释
公共样式文件,可以将多个less文件导入到一个less文件中,以减少在。VS Code 插件:Easy LESS,保存。表示当前选择器,不会生成后代选择器,通常配合。文件导入到一个less文件中,已经导入的。代码,目前阶段,网页要引入对应的。文件时只有块注释可以被解析进入。作用:存储数据,方便使用和修改。加、减、乘直接书写计算表达式。提示:文件夹名称后面添加 /文件时行注释无法被解析进入。作用:快速生成后代选择器。使用场景:默认情况下一个。文件后自动生成对应的。/* 注释内容 */概念:容器,存储数据。原创 2024-01-04 09:38:07 · 852 阅读 · 0 评论 -
html中的form表单以及相关控件input、文本域、下拉select等等的详细解释 ,点赞加关注持续更新~
表单、创建表单form、input 标签、input标签的value属性、设置input标签格式、单选框、多选框、上传文件、下拉菜单、文本域、设置文本域格式、label 标签、按钮原创 2024-01-03 19:25:08 · 3027 阅读 · 0 评论 -
对html骨架的详细解释
文档声明 告诉浏览器我们写的代码是按照html文档类型来写的,浏览器在编译代码时,也要按照html规范来编译,防止出现怪异模式。body标签 是书写网页主体内容,用户看到的所有内容文字,图片,音视频等等都写在body。网站的标题,可以帮助推广部门进行网站推广,非常重要,一般具体内容都是推广部门来定的。开始标签和结束标签中间,lang="en"向搜索引擎表示语言为英文的网站。html根标签,一个页面就一个根标签 所有的内容都要写在根标签。head标签 帮助浏览器编译代码,里面的内容,用户一般看不到。原创 2024-01-02 20:13:18 · 626 阅读 · 0 评论 -
html和css的一些问题总结以及面试题 ,点赞加关注持续更新~
外边距重叠就是 margin-collapse。折叠外边距 :在 CSS 当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。解决外边距重叠的问题:开启元素的BFC属性,在元素的前面加一个空的table?标准的 W3C 盒子模型模型 ,css为了更好的布局,将页面中所有的元素形状都统一为矩形。盒模型包括四个方面:内容、内边距、边框、外边距(不计入盒子实际大小)标准模式页面按照HTML,CSS的定义渲染,原创 2023-12-07 15:21:51 · 1140 阅读 · 0 评论 -
用html和css纯代码制作会旋转的太极图(详细讲解)点赞加关注,经典案例持续更新~
旋转太极图实现思路,将盒子设置很粗的边框,再将盒子设置成圆形,最后将需要的盒子组合在一起形成的太极图。原创 2023-10-26 23:47:46 · 767 阅读 · 0 评论 -
用html和css制作师徒四人西天取经动画(提供源码+素材)点赞加关注,经典案例持续更新~
用html和css制作师徒四人西天取经动画,提供源码和素材原创 2023-11-01 23:06:23 · 345 阅读 · 3 评论