HTML+CSS

知识点(html+css)

知识总结（HTML＋CSS）相对定位语法绝对定位语法固定定位语法一、定义语法1.1布局分类CSS网页布局的本质：就是在网页中排列盒子（浮动）。CSS网页布局：普通流、浮动、定位。
龍赢·2024-02-05 08:43

知识点html+css

知识总结（HTML＋CSS）基础知识HTML网页的相关概念1.1HTML是什么？HTML是超文本标记语言。只是一种标记语言。
龍赢·2024-02-05 08:43

html+css

HTMLday02html常用标签h1-h6特点：双标签独占一行，自带加粗，不同等级标题，字号大小不同，自带间距，具有一个标题的含义。段落文本标签p特点：双标签，独占一行，自带间距，具有文本段落的含义。换行br特点：单标签。分隔线hr特点：单标签空格符 特点：浏览器默认只能识别一个空格，当我们需要用到多个空格符号时，需要用到空格符，空格符既不是单标签也不是双标签。加粗b，strong特点：
Breeze fly·2024-02-05 08:41

HTML+CSS之基础公共样式（PC端）

HTML+CSS之基础公共样式（PC端）最近一周都在跟着黑马学前端基础，老师说现在浏览器大部分开始用HTML5了，基础学的是XHTML(HTML的增强版)，我把公共样式总结一下，目的就是在写不同页面的时候
NUC吉吉国王·2024-02-04 10:38

HTML+CSS，PC端/手机端公用部分样式代码整理

原文https://www.toutiao.com/i6613492747254891015/HTML+CSSPC端/手机端,公用部分样式代码整理(自己收藏)一：移动端公共样式/*禁用iPhone中Safari的字号自动调整*/html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;/*解决IOS默认滑动很卡的情况*/-webkit
barnett_y·2024-02-04 10:07

前端html+css笔记

前端Html:html标签加粗--文本格式化标签倾斜下划线删除src用于指定图像的位置名称(属性名+属性值=属性)alt替换文本title提示文本width图片宽度链接（段落内空格+target="_blank"跳转新窗口音频loop循环播放autoplay自动播放（禁用controls显示音频面板视频muted静音播放同（7）9.列表无序列表：有序列表：定义列表：（一个标题对应多个内容10.表格
stoAir·2024-02-04 07:13

HTML+CSS基础面试题总结

1.display:none;和visibility:hidden;的区别display:none;彻底消失，释放空间。可能引发页面的reflow回流（重排）。visibility:hidden;就是隐藏，但是位置没释放，好比opacity:0;不引发页面回流。2.CSS选择器权重如何计算就近原则：直接选中的，一定比继承的权重大。一样近，比权重：id是100，class是10，标签是1，总数权重一
让笑容常在·2024-02-03 10:21

前端小案例——滚动文本区域（HTML+CSS, 附源码）

一、前言实现功能:这个案例实现了一个具有滚动功能的文本区域，用于显示长文本内容，并且可以通过滚动条来查看完整的文本内容。实现逻辑：内容布局：在中，使用容器创建了一个类名为listen_text的区域，作为页面的主要内容容器。其中包含两个段落用于展示标题和作者信息，以及一个listen_text_box的用于封装实际的滚动文本区域listen_text_con。滚动文本区域：listen_text_
H4999·2024-02-03 06:45

大一学生Web课程设计 美食主题网页制作(HTML+CSS+JavaScript)-咖啡 6页

源码获取文末联系Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|精彩专栏推荐美食网页介绍|甜品蛋糕|地方美食小吃文化|餐饮文化|等网站的设计与制作|美食主题网站
二挡起步·2024-02-03 01:23

HTML+CSS：导航栏组件

效果演示实现了一个导航栏的动画效果，当用户点击导航栏中的某个选项时，对应的选项卡会向左平移，同时一个小圆圈会出现在选项卡的中心，表示当前选项卡的位置。这个效果可以让用户更加清晰地了解当前页面的位置和内容。CodeHomeEmailMessageLikeProfile*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sa
若冰说·2024-02-02 18:22

html+css,动画实现“地球绕太阳旋转“

1.效果html+css实现地球绕太阳旋转2.代码htmlcss.main{width:100%;height:100%;display:flex;justify-content:center;align-items
Summer_Uncle·2024-02-02 02:23

2020年小白要知道的Web前端学习路线

第一阶段：●HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、●JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript
web前端学习指南·2024-02-01 23:27

使用html+css实现-静态开源案例-品优购

使用html+css实现-静态开源案例-品优购设计目标css制作图标规范seo优化网页标题titledescription网站说明显示在搜索引擎后方的解释Keywords关键词字体图标引入方法注意搭建整个页面时的路径问题
SHoadgnaw·2024-01-30 13:24

HTML+CSS：全景轮播

效果演示实现了一个简单的网页布局，其中包含了五个不同的盒子，每个盒子都有一个不同的背景图片，并且它们之间有一些间距。当鼠标悬停在某个盒子上时，它的背景图片会变暗，并且文字会变成白色。这些盒子和按钮都被放在一个容器中，整个页面看起来像一个画廊。Code下载壁纸Next>*{margin:0;padding:0;box-sizing:border-box;}.container{width:100vw
若冰说·2024-01-30 10:47

HTML+CSS：3D卡片组件

效果演示实现了一个名为“卡片”的效果，当鼠标悬停在一个特定的元素上时，该元素会变得更亮，并且会在其他元素上方显示一个卡片。当鼠标悬停在卡片上时，卡片会变得更亮，并且会在其他元素上方显示一个提示信息。这个效果可以用来展示一些信息或者链接，让用户更好地了解和交互。CodeHOVEROVER:Dlookmom,noJSmousehovertracker/*设置容器的样式*/.container{posi
若冰说·2024-01-30 10:17

分享150套简洁漂亮的html个人简历源码 /个人主页源码 /个人简介网页版(无加密打包)

它是html+css网页设计源码，html5网页静态模板。我分别给文件上命名了，一目了然，大家拿来就可以直接套用的，有代码能力的也可以修改一些版块。
hmz856·2024-01-29 13:10

HTML+CSS：炫酷按钮组件

效果演示实现了一个带有发光效果的按钮。按钮在悬停或激活时会产生发光效果，并且按钮上的文字也会随之移动。Code若冰说CSS:root{--glow-hue:222deg;--shadow-hue:180deg;--spring-easing:linear(0,0.002,0.010.9%,0.0381.8%,0.156,0.3125.8%,0.78911.1%,1.01514.2%,1.096,1
若冰说·2024-01-29 05:15

HTML+CSS：王者翻转框

效果演示实现了一个3D翻转卡片的效果，当鼠标悬停在卡片上时，卡片会从正面朝向翻转，从而实现3D效果。其中，卡片的正面和背面分别由一个div元素表示，通过CSS的transform属性实现3D效果。当鼠标悬停在卡片上时，通过CSS的hover属性实现翻转效果。Code快来和妲己一起玩耍吧~妲己法师刺客辅助妲己，原型是商纣王宠妃妲己。职业法师，拥有先手控制敌人，技能范围广、射程够长，而且在后期超高爆发
若冰说·2024-01-29 05:15

企业公司门户网站团队页面设计（三维旋转轮播图片，html+css静态实现，响应式布局，带源码）

效果代码team.htmlteam_engnavbar.html深圳市淮亚之光科技创新有限公司首页合作案例服务团队联系我们中文/English首页合作案例服务团队联系我们中文/Englishnavbar.css*{margin:0;padding:0;box-sizing:border-box;font-family:'OpenSans',sans-serif;}li{list-style:non
鸡鸭扣·2024-01-28 22:30

大一网页设计期末大作业，HTML+CSS静态网站

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

Swiper轮播插件的使用与二次封装

并且Swiper不依赖于任何框架，意味着单纯的html+css也可以去引用，jquery或是Vue等等，都可以去使用。2、Vue中使用Swiper建议不要直接依据官方文档的npm安装，np
听书先生·2024-01-28 15:51

九宫格——用html+css制作一个网页

自用（仅供参考，如有错误欢迎指出）要求：1.通过html和css制作一个可以根据页面缩放进行变化的九宫格。2.并且可以通过手机浏览器访问。过程：1.网页制作先不管通过网页访问这一项，先写一个本地的网页。首先要把九宫格的形状做出来。九宫格就像魔方的一个面，所以我先做一个大的div，然后把它分成三个行，然后每个行再分成三个小块。于是我在body中先写了这样一个结构:假设每个小正方形的边长为50px，颜
sqm，·2024-01-28 12:30

html+css布局初入门：动画效果和实现

动画首先，放一个动画来激起小伙伴们的求知欲和好奇心吧效果图：代码实现：Documentdiv{width:100px;height:100px;background-color:red;/*动画名字*/animation-name:leftToRight;/*动画持续时长*/animation-duration:3s;/*执行速率*/animation-timing-function:linear
The..Fuir·2024-01-28 05:53

HTML5+CSS3小实例：3D卡片hover翻转效果

实例：3D卡片hover翻转效果技术栈：HTML+CSS效果：源码：【html】3D卡片hover翻转效果蒙奇·D·路飞蒙奇·D·路飞，日本漫画《航海王》及其衍生作品中的男主角。
艾恩小灰灰·2024-01-27 08:25

html+css的文字渐变动画特效

话不多说，我就直接放效果图和代码吧图片发自App图片发自App图片发自App图片发自Appcolor:transparent;让文字为透明色，就是让后面背景色显示出来-webkit-background-clip属性规定背景的绘制区域本次特效仅支持webkit内核的浏览器，其他内核浏览器不支持
梦醒时分心会凉_·2024-01-26 10:56

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

效果展示在这里插入图片描述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·2024-01-26 08:38

JS制作轮播图——自学笔记

鼠标经过轮播图，左右按钮显示，鼠标离开按钮隐藏2.鼠标点击右侧按钮，图片轮播3.小圆圈跟着图片变化4.点击小圆圈播放图片5.鼠标离开，图片自动轮播，鼠标在图片上时自动轮播停止目录html结构css结构js结构html
描绘已经在学了·2024-01-25 21:24

HTML+CSS：展开动画

效果演示实现了一个网页上的图标悬浮效果，当鼠标悬浮在图标上时，会出现一个带有文字的悬浮框，文字内容为“打开微信”、“打开抖音”、“打开WeGame”或“打开STEAM”，字体大小和颜色会随着鼠标移动而变化。当鼠标悬浮在图标上时，悬浮框的背景颜色会变成灰色。Code*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;displa
若冰说·2024-01-25 15:59

HTML+CSS：炫酷登录切换

效果演示实现了一个登录注册页面的切换效果，当用户点击登录或注册按钮时，会出现一个叠加层，其中包含一个表单，用户可以在表单中输入用户名和密码，然后点击提交按钮进行登录或注册。当用户点击返回按钮时，会将叠加层隐藏，并将登录或注册表单显示在主体区域。这个效果可以提高用户体验，让用户更加方便地登录或注册。Code注册账号点击注册欢迎登录忘记密码?登录已有账号，直接登录没有账号，点击注册body{heigh
若冰说·2024-01-25 15:26

使用HTML+CSS设计个人简历

使用HTML+CSS设计个人简历效果展示代码实现效果展示代码实现resume.html简历bennett工作意向：Java全栈名族：汉族现居：陕西西安籍贯：甘肃兰州电话：15594497111邮箱：bennett
Bennett_gxd·2024-01-24 15:56

html+css实现漂亮透明的登录页面，HTML实现炫酷登录页面

今天花了几个小时的时间整理了一些响应式网站模板，代码下载方式放在了文章末尾，有什么问题可以私信我或者评论区留言1.WooWOO是一个干净、现代的登陆页面网站模板。它具有完全响应式设计，并在所有主要浏览器和移动设备上进行了测试。Woo是展示您的应用程序、服务或数字产品的完美模板。主题信息布局:Html5和Css3类别:设计,服务颜色:黑色页数:全部在一页中评价:4星兼容浏览器：MicrosoftEd
神码观察·2024-01-23 13:55

纯HTML+CSS实现正六边形效果（非SVG或Canvas）

效果我们要实现的效果如下图所示，JSRUN图1正六边形效果实现下面我们来实现一个对边之间宽度为200px的一个正六边形，JSRUNHTMLCSS.hexagon{display:inline-block;}.hexagon.bar-rotate-left{width:200px;height:231px;overflow:hidden;transform:rotate(60deg);display
hackingzhang·2024-01-23 11:07

HTML+CSS：3D轮播卡片

效果演示实现了一个3D翻转的卡片动画，其中每个卡片都有不同的图片和不同的旋转角度。整个动画循环播放，无限次。整个页面的背景是一个占据整个屏幕的背景图片，并且页面内容被隐藏在背景图片之下。Codebody{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#e8e8e8;overf
若冰说·2024-01-23 05:55

HTML 或者说 CSS 中的根元素是指什么元素？

学习目标:掌握京东中间部分制作理解BFC使用了解优雅降级和渐进增强了解CSS压缩和验证工具往期内容：黑马程序员前端：HTML+CSS京东首页实战（源码上）黑马程序员前端：HTML+CSS制作京东项目（中
Blue92120·2024-01-22 17:29

HTML5+CSS3小实例：旋转的炫光心形loading动画

实例：旋转的炫光心形loading动画技术栈：HTML+CSS效果：源码：【html】旋转的炫光心形loading动画【css】*{/*初始化*/margin:0;padding:0;/*box-sizing
艾恩小灰灰·2024-01-22 16:53

企业公司门户网站首页设计（html+css静态实现，响应式布局，带源码）

效果展示html源码home_chYourcompanynameorlogoHomeservicesOurTeamContactUs中文/EnglishHomeservicesOurTeamContactUs中文/EnglishEnabledigitaltransformationforyourenterprisesExcellenceinquality,supremacyinwin-wincon
鸡鸭扣·2024-01-22 13:36

html+css网站设计，比较简单,附代码

茅台酒文化@importurl(css/lunbo.css);@importurl(css/zy_style.css);//轮播><首页发展知识登陆/注册用今天的努力创造中国航天的未来-->我们的宗旨酿造高品质生活打造国际一流企业塑造世界一流品牌酒香风正人和匠心品质匠魂担当匠术精益匠器臻善匠人制造茅台酒知识茅台酒被称为"国酒"？所谓国酒文化，是一个与文化酒互为表里的概念，正因为国酒文化
码媛·2024-01-22 11:56

HTML+CSS：飞翔按钮

效果演示实现了一个按钮的动画效果，当鼠标悬停在按钮上时，按钮的背景颜色和图标会发生变化，并且图标会旋转45度并向右移动1.2em，同时按钮中的文字也会向右移动5em。当鼠标点击按钮时，按钮会变小并向下移动0.1em。整个效果看起来像是按钮在飞翔或跳跃。CodeSendbody{height:100vh;display:flex;justify-content:center;align-items:
若冰说·2024-01-21 23:16

WebGL 的 Hello World

四种常用的页面绘图工具关于h5页面的图形绘制，我们大多谈及的是这四种工具：html+css，svg、canvas2d、webgl。
凹凸实验室·2024-01-21 14:03

大一学生网页作业HTML电影网页作业(HTML+CSS)

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239806(title-A38JP电影网站7页，不包含js有登陆注册，表格table
STU网页设计·2024-01-21 14:13

HTML5+CSS3小实例：全屏搜索栏

实例：全屏搜索栏技术栈：HTML+CSS效果：源码：【html】全屏搜索栏【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body
艾恩小灰灰·2024-01-21 10:38

小白读书笔记之【笨办法学Python3】【持续更新】

膝下育有一女，人道中年，和部分人一样，不笨，但当年不爱学习，跟随着时代的大浪接触了计算机，是计算机专业出身（当年要是学了建筑专业就好了），充其量是半吊子水平，C，Java，php，JavaScript，Html
Mr_流浪法师·2024-01-20 23:26

150套简约流行国内外优秀网页模板打包 /个人主页网站html模板 /html+css网页设计源码（分享）

它是html+css网页设计源码，html5网页静态模板。
sqll567·2024-01-20 12:09

html源码（html+css）

学成在线示例图index.html学成在线首页课程职业规划尼古拉斯~宇前端开发>后端开发>移动开发>人工智能>商业预测>云计算&大数据>运维&从测试>UI设计>产品>我的课程表继续学习程序语言设计正在学习-使用对象继续学习程序语言设计正在学习-使用对象继续学习程序语言设计正在学习-使用对象全部课程精品推荐JQuerySparkMySQLJava
奇遇少年·2024-01-19 11:26

CSS网页布局

个人简介⭐️个人主页：微风洋洋‍♂️博客领域：编程基础,后端,大数据,信息安全写作风格：干货,干货,还是tmd的干货精选专栏：【JavaScript】【HTML+CSS】【Java学习笔记】【Java必刷题
微风洋洋·2024-01-19 11:09

【网安】学了这份网络安全资源，可千万别把我给供出来~

第一个月第一周：HTML+CSS，学会网页基本格式，学会编写基本网页，表单，学会用浏览器F12检查元素，查看源码推荐学习地址：HTML:https://www.runoob.com/h
程序学到昏·2024-01-18 15:12

CSS盒子模型

个人简介⭐️个人主页：微风洋洋‍♂️博客领域：编程基础,后端,大数据,信息安全写作风格：干货,干货,还是tmd的干货精选专栏：【JavaScript】【HTML+CSS】【Java学习笔记】【Java必刷题
微风洋洋·2024-01-17 13:12

HTML+CSS实现页面Loading效果

如题，像Jquery等很多三方库可能自带Loading插件，那么如何自己写一个Loading效果呢？.maskLayer{z-index:10000;width:100%;height:100%;position:fixed;top:0;right:0;background:#0000004d;justify-content:center;align-items:center;display:fl
醉酒的李白、·2024-01-17 12:58

HTML+CSS

HTML+CSS学习笔记0.HTMl(HyperTextMarkupLanguage)复习HTML标签有两类：块级元素div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p
bomagic·2024-01-17 09:34

html+css制作二级导航条

```html     *{    margin:0;    padding:0;   }   div{    width:600px;    height:40px;    background-color:green;    margin:0auto;/*div居中。内容居中用text-align:center*/       }             ulli{    list-style
互联网老欣·2024-01-16 11:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他