html/css
文章平均质量分 95
html/css
微笑伴你而行
激流勇进,自强不息
展开
-
HTML樱花飘落
FOR YOU GIRL 以梦为马,不负韶华 LOVER YOU FOREVER原创 2023-03-15 17:31:02 · 6618 阅读 · 10 评论 -
HTML&CSS常见问题解决
了解BCF机制,BFC(Block Formatting Context)全称是块级格式化上下文,用于对块级元素排版,如果一个块级元素设置overflow:hidden,就会为这个块级元素生产一个独立的块级上下文,使这个块级元素内部的排版完全独立。出现留白的原因是因为垂直对齐的方式所导致的,所以可以修改父元素的font-size,把父元素的字体大小改为0,所以就没什么垂直对齐,但是会影响该标签内的元素,不建议使用。1.当一个元素包含另一个元素时(父元素没有边框),它们的顶和/或底边界会发生叠加。原创 2023-02-28 15:33:22 · 1747 阅读 · 1 评论 -
HTML创意动画代码
这个代码使用了 Canvas 技术,创建了一个随机生成的气泡背景并且让气泡动态漂浮,形成了一个很有趣的效果。你可以在这个基础上尝试进行一些自己的创意,比如修改气泡的数量、大小、颜色,以及运动的方式等等。这个代码使用了 CSS 的动画和阴影特效,让页面中的文字在红、橙、黄、绿、蓝五种颜色之间不断变化,形成了一个很有趣的效果。你可以在这个基础上尝试进行一些自己的创意,比如修改文字的大小、样式、颜色,以及变化的频率和方式等等。该示例中,我们使用了 transform-style: preserve-3d 属性原创 2023-02-25 14:29:45 · 16456 阅读 · 1 评论 -
CSS3新增属性( 过渡、变形和动画)
keyframes-selector:关键帧选择器,即指定当前关键帧要应用到整个动画过程中的位置,值可以是一个百分比,from或者to,其中from和%0效果相同,to和%100效果相同。例:单纯指定了过渡的属性,还未实现过渡,想要实现过渡效果必须使用transition-duration设置过渡时间。property:定义应用过渡效果的css属性名称,多个名称之间以逗号隔开。cubic-bezier(n,n,n,n)加速或者减速的贝塞尔曲线。ease:慢速开始,然后加快,最后慢速结束的过渡效果。原创 2023-02-15 20:10:46 · 1701 阅读 · 2 评论 -
html+css综合练习一
阅读下列说明、效果图,进行静态网页开发。某网站注册页面开发项目,点击立即注册,进入第二个页面。项目名称为xiaomi,包含首页index.html、css文件夹,其中,css文件夹包含style.css文件。分析:3.2、style.css二、下午茶页面1、要求阅读下列说明、效果图,进行静态网页开发。项目包含首页index.html、img文件夹和css文件夹,页面效果如图所示4、style.css三、法国巴黎页面1、要求阅读下列说明、效果图,进行静态网页开发。项目包含首页inde原创 2023-02-13 13:27:01 · 1053 阅读 · 0 评论 -
html+css网页练习四
阅读下列说明、效果图,完成静态页面。某购物网站首页页面局部效果。当鼠标悬停到导航文字上时,背景色会变为红色。现在我们需要编写该网站效果图部分代码。项目包含首页index.html、img文件夹和css文件夹,页面效果如图所示。4、style.css二、活动页面1、要求阅读下列说明、效果图和HTML代码,进行静态网页开发,主要应用HTML和css3完成。这个某项目中的其中一个活动页,应用HTML5和css3技术完成页面动画。鼠标没经过是图1,当鼠标经过是图2,当鼠标经过遮罩层像翻书一样显示出来原创 2023-02-07 20:48:43 · 4018 阅读 · 0 评论 -
html+css网页练习三
另外,为【技术】设置宽度为“17%”、外边距为“4%”;为【技术logo】设置高度为“200px”、宽度为“200px”、边框颜色为“#000000”、边框为“1px、实线”、边框设置“20px圆角”;(2)【网站介绍】样式:为页面上端【网站介绍】部分添加背景颜色“#000000”,并设置宽度为“100%”、高度为“400px”、字体颜色为“#FFFFFF”。另外,为【欢迎语】和【网站内容介绍】内容设置“绝对布局”、距顶部边缘“16%”、距左边缘“16%”、宽度为“68%”、文本内容“居中”。原创 2023-02-05 20:38:03 · 2190 阅读 · 0 评论 -
html+css网页练习二
这是某茶叶公司的官网,以下效果图是商品展示页。该项目包含prolist.html、css文件夹、img文件夹,其中,css文件夹包含include.css文件;img文件夹包含所用到的图片。分析:4、include.css二、电商网站页面1、要求这是某电商网页其中的页面,以下效果图是购物车模块。该项目包含index.html、css文件夹、img文件夹,其中,css文件夹包含index.css文件;img文件夹包含所用到的图片。分析:4、index.css三、顶部信息栏页面1、要求项原创 2023-02-04 17:02:46 · 1558 阅读 · 0 评论 -
html+css网页练习一
阅读下列说明、效果图和HTML代码,进行静态网页开发。这个某项目中的其中一个活动页,应用html和css技术完成页面的布局。项目包含主页index.html、style.css,css和img文件夹分析:4、style.css二、改革进展与成效管理平台页面1、要求阅读下列说明、效果图和HTML代码,进行静态网页开发。项目名称为“改革进展与成效管理平台”,包含首页index.html、css文件夹、img文件夹,其中,css文件夹包含normalize.css文件;img文件夹包含用到的图片。大原创 2023-02-02 21:46:25 · 6747 阅读 · 4 评论 -
html+css练习题之九寨沟静态页面
根据各自的位置设置响应的布局,注意浮动带来的影响,input的属性placeholder描述输入字段预期值的简短的提示信息,©符号等。第一部分banner,分为多个盒子,背景为banner,中间照片部分为banner_one,项目栏部分为banner_two。将总页面分为4部分,由上到下分别为banner、body、bottom_top、bottoms名字随意起,尽量见名知意。两个盒子有相同之处也有不同之处,合理利用相同特点,简化代码。通过层层盒子嵌套勾勒出页面的轮廓,再加以修饰。原创 2023-01-19 20:59:17 · 487 阅读 · 0 评论 -
表白爱心代码
二、演示(html版)原创 2022-11-09 17:37:12 · 13377 阅读 · 11 评论 -
HTML+CSS详细知识点(上)
标签分类1、双标签 和 2、单标签原创 2022-11-25 18:05:18 · 878 阅读 · 0 评论 -
HTML+CSS详细知识点(下)
1、无序列表()无序列表是一种,各个列表项之间没有顺序级别之分语法:type属性 ul 和 li 都有属性值:disc:默认属性,实心圆circle:空心圆square:实心正方形如:演示:2、有序列表()有序列表是一种强调排列顺序的列表语法:type属性:属性值:1(默认),1 2 3a或A,a b c/A B Ci或I ,i ii iii /I II IIIstart属性:属性值:数字(规定项目符号的起始地址)value属性:属性值:数字(规定项目符号的数字)如:演原创 2022-11-28 11:10:28 · 1043 阅读 · 0 评论 -
HTML+CSS项目案例
案例演示:(table、tr、td、th的练习)案例演示:(文本样式图片标签练习)案例演示:(文本样式练习)案例演示:(盒子模型练习)案例演示:(盒子模型练习)案例演示:(盒子模型练习)原创 2022-11-30 19:42:26 · 3262 阅读 · 0 评论