HTML+CSS

HTML5+CSS3小实例：不一样的超链接下划线

实例：不一样的超链接下划线技术栈：HTML+CSS效果：源码：【HTML】不一样的超链接下划线点赞关注收藏转发要不，一键三连<
艾恩小灰灰·2023-12-31 06:23

案例 - 旋转立方体相册（HTML+CSS）

使用css的动画、过渡、变换效果完成“旋转立方体相册”实现代码：body{perspective:1500px;}.container{margin:300pxauto;position:relative;transform-style:preserve-3d;animation:myAnimation3slinear0sinfinite;}@keyframesmyAnimation{from{t
周湘zx·2023-12-31 00:32

案例-旋转的太极图案(HTML+CSS)

使用css的动画变换效果完成“旋转太极“。*{margin:0;padding:0;background-color:antiquewhite;}.tj{width:0;height:300px;/*border:1pxsolidred;*/border-left:150pxsolid#000000;border-right:150pxsolid#FFFFFF;border-radius:50%;
周湘zx·2023-12-31 00:32

HTML+CSS基础——CSS控制器（图像）

Imagesbody{color:#665544;background-color:#d4d0c6;background-image:url("img/15.jpg");font-family:Georgia,"TimesNewRoma",serif;text-align:center;}.wrapper{width:720px;margin:0pxauto;}.header{margin:40p
张謹礧·2023-12-30 23:34

HTML+CSS基础——HTML5（布局）

HMEL5Layoutheader,section,footer,aside,nav,article,figure,figcaption{display:block;}body{color:#666666;background-color:#f9f8f6;background-image:url("img/13.jpg");background-position:center;font-famil
张謹礧·2023-12-30 23:34

HTML+CSS基础——CSS控制器（列表、表单、表格）

Lists,Tables,andFormsbody{font-family:Arial,Verdana,sans-serif;font-size:90%;color:#666666;background-color:#f8f8f8;}li{list-style-image:url("img.jpg");line-height:1.6em;}table{border-spacing:0px;}th,
张謹礧·2023-12-30 23:04

HTML+CSS基础——CSS控制器（布局）

Layout@font-face{font-family:'QuicksandBook';src:url('fonts/Quicksand_Book-webfont.eot');src:url('fonts/Quicksand_Book-webfont.eot?#iedix')format('embedded-opentype'),url('fonts/Quicksand_Book-webfont
张謹礧·2023-12-30 23:31

HTML+CSS基础——CSS颜色控制（RGB值、十六进制编码、颜色名称）

Colorbody{backgroud-color:silver;color:white;padding:20px;font-family:Arial,Verdana,sans-serif;}h1{backgroud-color:#ffffff;backgroud-color:hsla(0,100%,100%,0.5);color:#64655A;padding:inherit;}p{paddin
张謹礧·2023-12-30 04:22

HTML+CSS基础——CSS控制器（文本控制（字体、大小，间距、颜色））

Textbody{padding:20px;}h1,h2,h3,a{font-weight:normal;color:#0088dd;margin:0px;}h1{font-family:Georgia,Times,serif;font-size:250%;text-shadow:2px2px3px#6666666;padding-bottom:10px;}h2{font-family:"Gill
张謹礧·2023-12-30 04:22

HTML+CSS基础——CSS控制器（盒子模型，盒子控制、display、visibility）

Boxesbody{font-size:80%;font-family:"CourierNew",Courier,monospace;letter-spacing:0.15em;background-color:#efefef;}#page{max-width:940px;min-width:720px;margin:10pxauto10pxauto;padding:20px;border:4px
张謹礧·2023-12-30 04:22

HTML+CSS基础——基础标签（图像标签（img、src、alt））

ImagesThisrecipeforindividualchocolatecakesissosimpleandsodelectable!MoreRecipes:这是一个简单的HTML页面，其中包含了一些图片。图片的源文件存储在images文件夹中。第一张图片的路径是"images/1.jpeg"。它的替代文本是"FromAtoZucchini"，宽度是150像素，高度是100像素。第二张图片是一
张謹礧·2023-12-30 04:51

html+css知识总结(2)

1：焦点图案例轮播图*{margin:0;padding:0;}li{list-style:none;}.prev,.next{position:absolute;top:50%;margin-top:-15px;width:20px;height:30px;background:rgba(0,0,0,0.3);text-align:center;line-height:30px;color:#f
软件开发技术局·2023-12-30 03:08

html+css知识总结（1）

1：简单标签标题标签段落标签换行标签加粗标签加粗标签加粗标签加粗标签删除线删除线下划线下划线独占一行，相当于一个大盒子不是独占一行，一行可以有好多个span用于显示页面的图像，alt替换文本，图像不能显示文字，title是鼠标放在图像上会产生提示文字打开//这种方式是在新的页面打开打开//这种方式是在当前页面打开打开//打开当前文件夹下的页面打开//跳转到页面的最上方打开//下载文件//图片当超链
软件开发技术局·2023-12-30 03:38

史上最全web前端学习资料总结

HTML+CSS入门：HTML30分钟入门：http://deerchao.net/tutorials/html/html.htmw3school：http://www.w3school.com.cn/
强哥科技兴·2023-12-30 00:50

HTML5+CSS3小实例：波浪文字loading动画

实例：波浪文字loading动画技术栈：HTML+CSS效果：源码：【html】波浪文字效果loading...
艾恩小灰灰·2023-12-29 17:45

html+css购物商城完整项目

一、完整项目演示在Inscode内运行项目，如下效果二、项目分析在创建项目之前记得新建项目、并分类，css样式统一一个文件夹，图片统一一个文件夹，插件库放在一个文件夹，图标字体一个文件夹等等。1、整体结构快捷导航、头部、banner轮播图、新鲜好物、人气推荐、热门品牌、生鲜、最新专题、底部、侧边栏构成，相应的每个部分对应着一个css样式2、html内容结构代码过长，请到Inscode里面查看。这个
趋之·2023-12-29 06:02

html+css基础知识整合 2021-08-30

html基础知识整合文章目录**html基础知识整合**【web的组成】【HTML5基本语法】常规标签（普通标签、双标签）【文章标签】【修饰标签】【特殊字符】【HTML注释】【列表】无序列表：自定义列表：【插入图片】标题Alt与title的区别：【常用的布局标签】【表格】【表单】【智能表单】Input表单的type新属性值新增的表单属性:get和post的区别：【下拉菜单】【多行文本域】【HTML
qq_969152159·2023-12-28 22:47

HTML+CSS制作动漫绿巨人

效果展示代码展示
白大锅·2023-12-28 15:02

基于html的美食网站——速鲜站餐饮食品(HTML+CSS+JavaScript)--水果超市(响应式)2页

⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|在线商城购物|水果商城|商城系统建设|多平台移动商城|H5微商城购物商城项目|HTML
二挡起步·2023-12-28 12:49

「HTML+CSS」--自定义加载动画【034】

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;align-items:center;background:#263238;}section{width:650px;height:300px;padding:10px;position
海轰Pro·2023-12-28 11:34

HTML+CSS基础——基础标签（连接标签＜a＞）

LinksFilmForkFestivalDiaryHerearesomeofthefilmfestivalswewillbeattendingthisyear.Pleasecontactusifyouwouldlikemoreinformation.JanuarySundanceFilmFestivalPrakCity,Utah,USA20-30January2021FebruaryTropfe
张謹礧·2023-12-27 12:33

HTML+CSS基础——基础标签（有序列表、无序列表、定义列表）

ListScrambledEggsEggsareoneofmyfavoritefoods.Hereisarecipefordeliciouslyrichscrambledeggs.Ingredients2eggs1tbsbutter2tbscreamMethodMeltbutterinafryingpanoveramediumheartGentlymixtheeggsandcreaminabowl
张謹礧·2023-12-27 12:33

零基础HTML+CSS到入门

一、HTML的结构1.什么是HTMLHTML（HyperTextMarkupLanguage）的全称是*超文本标记语言*，是一种标记语言。HTML代码由不同的标签组成，可以对网页的各种元素进行整理分类。HTML可以通过修改文本文档的后缀名来实现将文本内容显示在网页上，HTML的后缀名为.html/.htm2.HTML的基本语法HTML文件中的标签都是由一对尖括号包含的，标签间的关系有两种：包含和并
小新~程序猿·2023-12-27 12:03

html+css——做一个简单的底部导航栏

ps：小项目由html和css实现目录项目设计效果图设计html部分css部分源代码项目设计效果图话不多说，先直接上一下完成后的效果图；通过以上效果图可以大致想一下你的思路，以及设计的方法。然后可以先自己动手试试。然后在与我的设计思路进行比对，如果你有更好的设计思路。欢迎分享到评论区哦！设计html部分首先使用一个div标签，同时添加一个属性id。注意id名称的定义是不允许重复的
valiant小东·2023-12-27 12:01

html+css——做一个新闻搜索小卡片

ps：小项目由html和css实现目录项目需求效果图展示需求分析甲方乙方项目设计html部分css部分源代码项目需求效果图展示（纯路人，树枝666）需求分析甲方为了给前端小白一个练手的小项目，我们需要一个简易的新闻搜索卡片，其内容必须具有但不限于一个具有搜索内容的搜索框以及热点新闻的图文混排部分内容。乙方可以由效果图我们可以简单分析下产品的组成：上下两部分布局；上面部分为；一个和一个搜索按钮链接。
valiant小东·2023-12-27 12:01

html+css——标签

比如在你的网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么标签是你所需要的。语法：引用文本如下面例子：最初知道庄子，是从一首诗庄生晓梦迷蝴蝶。望帝春心托杜鹃。开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。讲解：1.在上面的例子中，“庄生晓梦迷蝴蝶。望帝春心托杜
lengyuefengqing·2023-12-27 12:30

HTML+CSS基础——基础标签（文本标签）

TextTheStoryintheBookChapter1Mollyhadbeenstaringoutofherwindowforaboutanhournow.Onherdesk,LyingbetweenthecopiseofNature,NewScientist,andalltheotherscientificjournalsherworkhadappearedin,wasawellthumbe
张謹礧·2023-12-27 12:27

html+CSS布局：float浮动带来的高度塌陷问题和如何清除浮动(三种方法)带来的影响

清除浮动效果图：清除前：因为元素一二三都浮动(设置了float:left;)，所以造成高度塌陷，所以father的兄弟元素有一半部分在上面，嵌入了上层空间（因为.brother设置了两倍的宽高，所以有一般father的兄弟元素嵌入了上层而浮动的不占据空间，只浮动在表层，只有边框带有的高度和div加边框构成本身的宽度清除浮动后：因为元素一二三都清除了浮动(设置了float:left;)，占据空间，所
The..Fuir·2023-12-26 21:41

web前端网页设计期末课程大作业：关于城市旅游的HTML网页设计 ——北京

使用HTML+CSS页面布局设计,web大学生网页设计作业源码，这是一个不错的旅游网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用,这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计
web前端优质创作者-网页设计·2023-12-26 08:28

web前端期末大作业——贵州山地旅游介绍网页1页 HTML旅游网站设计与实现

使用HTML+CSS页面布局设计,web大学生网页设计作业源码，这是一个不错的旅游网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用,这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计
黑马程序员-网页设计·2023-12-25 17:42

HTML+CSS做一个时尚柿子造型计时器

文章目录效果展示代码展示HTMLJS效果展示代码展示HTML<htmllang
白大锅·2023-12-23 16:36

用ThreeJS写了一个圣诞树

使用什么技术写一开始我准备用html+css去写，后来感觉使用html和css写就太low了，没有一点点心意。就打算用three.js写一个3d版本的。
QD_ANJING·2023-12-23 13:08

「HTML+CSS」--自定义加载动画【020】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！效果展示在这里插入图片描述Demo代码HTMLDocumentCSSh
海轰Pro·2023-12-23 12:58

HTML+CSS入门学习

一、网页构成HTML+CSS+JS二、HTML（超文本语言）基础框架注意：本文中为自结束标签，（无“/”则省略了）进入VSCode，选择HTML语言输入“！”，再按“Tab”后，会有以下代码出现Document1.是文档声明，声明当前网页版本，是html5的写法2.是默认语言为英文，但可以输出中文，只是会让你的浏览器提示你要不要翻译此页，改成zh就没有翻译选项（即变成了中文页面）3.是头部的标签，
Dawn_Dusk_·2023-12-23 10:09

HTML5+CSS3小实例：3D分层按钮的悬停效果

HTML5+CSS3小实例之3D分层按钮的悬停效果技术栈：HTML+CSS字体图标库：font-awesome效果：源码：3D分层按钮的悬停效果QQ微信微博人人网推特*{/*初始化取消内外边距*/margin
艾恩小灰灰·2023-12-23 05:57

HTML+CSS全屏滚动特效完整源码

全屏滚动特效
LilyCoder·2023-12-22 23:23

「HTML+CSS」--自定义加载动画【023】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！效果展示在这里插入图片描述思路Demo代码HTMLDocumentCS
海轰Pro·2023-12-22 22:53

HTML+CSS实现简单静态网页的制作

效果图展示：用DIV分块布局html代码：网站首页li{list-style-type:none;}.main{width:1000px;margin:40pxauto;}.mainnav{width:1000px;height:40px;background:#999;border-radius:5px;}.mainnavulli{width:70px;height:40px;float:lef
波比波·2023-12-22 22:04

HTML+CSS做一个冰立方体时钟

文章目录效果展示代码展示HTMLJS效果展示代码展示HTML<htmllang
白大锅·2023-12-22 04:40

web前端期末大作业 HTML+CSS 动漫主题网页作业

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239832(title-B27JP名侦探柯南三级(6页))截图演示06.png05.
html网页设计·2023-12-21 05:54

前端Html+css重要部分笔记

前端Html:html标签1.加粗--文本格式化标签2.倾斜3.下划线4.删除5.src用于指定图像的位置名称(属性名+属性值=属性)alt替换文本title提示文本width图片宽度6.链接（段落内空格+target="_blank"跳转新窗口7.音频loop循环播放autoplay自动播放（禁用controls显示音频面板8.视频muted静音播放同（7）9.列表无序列表：有序列表：定义列表：
stoAir·2023-12-20 21:28

如何用好react

静态的内容很容易写，写好html+css就可以了动态的数据会引起我们dom的更新，我们采用了声明式而非jquery的命令式编程方法，完成了UI=render(data)的过程。
_贺瑞丰·2023-12-19 20:20

HTML5+CSS3小实例：纯CSS实现锚点平滑过渡

实例：纯CSS实现锚点平滑过渡技术栈：HTML+CSS效果：源码：【HTML】纯CSS实现锚点平滑过渡ABCD<divclass&#
艾恩小灰灰·2023-12-19 15:22

「HTML+CSS」--自定义按钮样式【004】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2023-12-19 07:51

网页设计前端作品（大一）HTML+CSS

️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
web网站建设·2023-12-19 05:01

HTML5+CSS3小实例：纯CSS实现网站置灰

实例：纯CSS实现网站置灰技术栈：HTML+CSS效果：源码：【HTML】纯CSS实现网站置灰有时候，为了缅怀一些人和事（比如：汶川地震、伟人逝世……），我们需要把网站变成灰色。
艾恩小灰灰·2023-12-19 03:39

flying-saucer-pdf终于完美解决了（中文问题，换行问题，分页，页眉页脚，水印）,html+css控制pdf样式

集成freemarker+flying-saucer-pdf+itext，通过html模板生成PDF折腾了很久，flying-saucer-pdf终于完美解决了（中文问题，换行问题，页眉页脚，水印）,html
zhong_jianyu·2023-12-18 23:25

纯HTML+CSS实现可响应式登陆界面

先上效果视频：演示视频基本思路：一：日月切换模块1.用阴影画出太阳和月亮2.用transform:translate；transform:rotate；两个属性实现日月交换效果3.使用标签实现左上角滑块与复选按钮的链接4.用兄弟选择器“~”实现一个元素对另一个元素的控制二：注册界面模块1.使用z-index属性，使注册界面元素全部位于登陆界面之上2.把注册界面大盒子用clip-path:circl
孤雪心殇·2023-12-18 21:43

Web大学生网页成品 电影网站设计与制作 HTML+CSS网页期末大作业

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239790(title-A27电影动漫言叶之庭)]截图演示04.png03.png0
STU网页设计·2023-12-18 20:29

【动画消消乐】HTML+CSS 自定义加载动画 056

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center;align-items:center;background:#263238;}section{width:650px;height:300px;padding:10px;position
海轰Pro·2023-12-17 20:56
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他