前端入门+HTMl+CSS 第2页

Web前端学习笔记

文章目录HTML+CSS系列学习笔记①之拨云见日1、什么是HTML、CSS？

jusw123456·2024-02-08 23:26

web实训大作业网页设计期末课程设计(HTML+CSS)

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239857(title-B80JP部落冲突原神4页无js内链css)]截图演示04.

STU网页设计·2024-02-08 22:09

跟着pink老师前端入门教程-day21+22

5.4常见flex布局思路5.5背景线性渐变语法：background:linear-gradient(起始方向,颜色1,颜色2,...);background:-webkit-linear-gradient(left,red,blue);background:-webkit-linear-gradient(lefttop,red,blue);背景渐变必须添加浏览器私有前缀起始方向可以是：方位名词

axiu呀·2024-02-08 20:37

web网页设计期末课程大作业：我的家乡文化主题网站设计——山西 (1)

二、作品效果▶️视频演示https://live.csdn.net/v/embed/239886(title-D19JP-我的家乡-广西介绍带视频(5页)HTML+CSS

STU网页设计·2024-02-08 19:48

中华传统文化题材网页设计主题：基于HTML+CSS设计放飞青春梦想网页【学生网页设计作业源码】

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

html精品源码·2024-02-08 18:21

WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站

这个个人主页是我在WEB网页设计课程期末作业中完成的。我使用HTML和CSS来制作这个网站，以介绍我自己和我的兴趣爱好。在这个网站上，您可以找到以下信息：关于我自己的一些背景和个人信息我的技能和工作经验我所喜欢的一些书籍、电影和音乐我的个人项目和作品集我特别注重网站的设计和可用性，以确保用户能够轻松浏览和理解网站的内容。我使用了清晰的布局、易于阅读的字体和有吸引力的颜色等元素来提高网站的吸引力。下

永钊源码·2024-02-08 05:16

跟着pink老师前端入门教程-day20

二、移动WEB开发之flex布局1、flex布局体验1.1传统布局与flex布局传统布局：兼容性好、布局繁琐、局限性、不能再移动端很好的布局flex弹性布局：操作方便，布局极为简单，移动端应用很广泛；PC端浏览器支持情况较差；IE11或更低版本，不支持或仅部分支持建议：1.如果是PC端页面布局，我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.

axiu呀·2024-02-07 02:49

跟着pink老师前端入门教程-day19

一、移动WEB开发之流式布局1、移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。1.2常见移动屏幕尺寸注：以上

axiu呀·2024-02-07 02:13

给想学前端的小白整理了一下学习路线

第一阶段：前端入门1.Html52.Css3第二阶段：JavaScript①JavaScript基础语法②JavaScript高级（WebAPI/DomBom）③JavaScript框架（jQuery）

前端你鹏哥·2024-02-07 02:34

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

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

海轰Pro·2024-02-06 20:52

【web前端】CSS笔记小结 Emmet+复合选择器+元素显示模式+背景（Day 2）

来源：黑马程序员pink老师前端入门教程目录I.Emmet语法①快速生成HTML结构语法②快速生成CSS样式语法③快速格式化代码II.复合选择器①后代选择器※②子选择器※③并集选择器※④伪类选择器❀链接

进击的文文文·2024-02-06 08:39

【CSS】复合选择器、元素显示模式、背景、CSS的三大特性以及一些小工具

该系列文章是博主学习前端入门课程的笔记，同时也为了方便查阅，有任何问题都欢迎在评论区提出。

君和-·2024-02-06 08:08

web前端从入门到精通

web前端从入门到精通HTML+CSS系列一、拨云见日如何创建.html文件--网页1.安装插件2.编辑器基本使用3.Chrome浏览器（市场份额最大）4.深入了解网站开发5.web三大核心技术6.HTML

等一次雪落·2024-02-06 08:38

web前端入门开发，CSS复合选择器，知乎上转疯了！

前端的兴起前端真正兴起和开始频繁出现在大家的视线里，大概是在十年前。彼时的Web开发基本是由后端主导，前端能做的只是校验一下数据、操作一下DOM。（其中数据检验是JS产生的根本原因：当时网络太慢，在服务端检验数据并反馈给用户，让用户知晓输入错误，这个流程太长、反应太慢，因此通过脚本在用户端完成第一步校验，既方便了用户，又减轻了带宽的压力。）即使06年jQuery发布并风靡全球，以及XMLHttpR

高级Java面试题大全·2024-02-06 08:06

跟着pink老师前端入门教程-day18

3、CSS33D转换生活中的环境是3D的，照片就是3D物体在2D平面呈现的例子特点：近大远小，物体后面遮挡不可见3.1三维坐标系三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的x轴：水平向右注意：x右边是正值，左边是负值y轴：垂直向下注意：y下面是正值，上面是负值z轴：垂直屏幕注意：往外面是正值，往里面是负值3.23D移动translate3d3D移动在2D移动的基础上多加了一个可以移动

axiu呀·2024-02-05 15:48

跟着pink老师前端入门教程-day16

二十七、CSS3进阶1、CSS32D转换转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果转换（transform）可以简单理解为变形移动：translate；旋转：rotate；缩放：scale1.1二维坐标系2D转换是改变标签在二维平面上的位置和形状的一种技术1.22D转换之移动translate2D移动是2D转换里面的一种功能，可以改变元素在页面

axiu呀·2024-02-05 15:47

跟着pink老师前端入门教程-day14+15

2.6main主体模块制作HTML：品优购快报更多[特惠】备战开学季全民半价购数码[公告】品优稳占家电网购六成份额[特惠】百元中秋全品类礼券限里领[公告】上品优生鲜享阳澄湖大闸蟹[特惠】每日享折扣品优品质游花费减飞机花费花费花费花费花费花费花费花费花费花费CSS/*声明字体图标*/@font-face{font-family:'icomoon';src:url('../fonts/icomoon.

axiu呀·2024-02-05 15:17

跟着pink老师前端入门教程-day17

2、CSS3动画动画（animation）是CSS3中就要有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果2.1动画的基本使用制作动画分为两步1.先定义动画2.再使用（调用）动画1.1用keyframes定义动画（类似定义类选择器）@keyframes动画名称{0%{width:100px;}10

axiu呀·2024-02-05 15:13

前端入门第三天

目录一、CSS定义二、CSS引入方式三、基础选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器5.画盒子四、文字控制属性1.字体大小2.字体粗细3.字体倾斜4.行高1.行高-垂直居中5.字体族6.font复合属性7.文本缩进8.文本对齐方式1.水平对齐方式-图片9.修饰线10.颜色五、调试工具六、综合案例一、CSS定义1.基础选择器找标签2.文字控制属性文字大小、颜色键值对：color

qingxi_ran·2024-02-05 13:16

你必须知道的CSS盒模型

盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识_，希望对初学者有用。

前前前端小飞·2024-02-05 10:16

HTML5期末大作业：网站——保护动物网站HTML+CSS

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/240770(title-U27JP动物分类6页)]截图演示06.png05.png0

html网页设计·2024-02-05 09:00

知识点(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

若川视野·2024-02-04 16:33

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页

二挡起步·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

前端入门第二天

目录一、列表、表格、表单二、列表（布局内容排列整齐的区域）1.无序列表（不规定顺序）2.有序列表（规定顺序）3.定义列表（一个标题多个分类）三、表格1.表格结构标签2.合并单元四、表单1.input标签基本使用（type）2.input标签占位文本（placeholder）3.radio单选框（namechecked）4.file多文件上传（multiple）5.下拉菜单（selectoption

qingxi_ran·2024-02-01 13:42

前端入门第一天

目录HTML超文本标记语言——HyperTextMarkupLanguage标签语法：双标签：单标签——只有开始标签，没有结束标签基本骨架：标签的关系:注释：标题标签：（新闻标题、文章标题、网页区域名称、产品名称）特点：强调：段落标签：文本格式化标签：编辑图像标签：路径：相对路径：绝对路径：超链接标签：强调：音频标签：视频标签：综合案例：HTML超文本标记语言——HyperTextMarkupLa

qingxi_ran·2024-02-01 13:11

web前端入门到实战：仅3行核心css代码的rate评分组件，秀到头皮发麻

用css实现一个rate评分❗核心代码也就三行效果图原理梳理如下：去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]、；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中✅，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前选中的所有兄弟元素都一起高亮；把5个radio单选框反向排列❗；代码这是我事先生成好的iconfont一个很简

大前端世界·2024-02-01 13:31

Web前端入门 - HTML JavaScript Vue

ps：刚开始学习web前端开发，有什么不正确、不标准的内容，欢迎大家指出~Web简介90年代初期，Web1.0，静态页面，不和服务器交互，网页三剑客指Dreamweaver、Fireworks、Flash2000年代中期，Web2.0，动态页面，HTML是网页的结构，CSS是网页的外观，JavaScript是网页的行为。Ajax、jQuery等技术。2010年代，移动互联网，响应式设计、单页面应用

小小爱1990·2024-02-01 12:02

黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端

橘子味红烧肉·2024-02-01 10:16

黑马pink老师Web前端入门笔记（二）

Web前端入门二、HTML标签（一）学习目标（二）HTML语法规范（三）HTML基本结构标签（四）开发工具（五）HTML常用标签1、语义标签：2、标题标签(重要)：3、段落和换行标签(重要)：4、文本格式标签

耿天霸·2024-02-01 10:13

web前端入门到实战：js函数与作用域,了解函数基本概念

通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if，switch选择;循环forwhile；下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数？简单来说是为了提高代码的复用性，写一遍可以多次使用，把特定的功能语句打包

大前端世界·2024-02-01 10:32

Web前端入门学习笔记 HTML、CSS、Javascript、Jquery

Web学习笔记文章目录一.前言参考资料二.HTML基础HTML概述img标签Div标签表单Web语义化三.CSS样式CSS概述CSS添加方法选择器CSS文本样式CSS背景样式CSS超链接列表，表格样式四.CSS布局与定位概述盒子模型CSS定位概述文档流定位浮动定位层定位弹性盒子布局网格布局精灵图五、CSS3盒子圆角边框阴影文字与文本2D转换过渡效果3D变换六、JavaScript加入JS代码的方法

love is sour·2024-01-31 21:28

0基础学习php、前端还是python?

先来看看这三种语言，php主要用于编写网页，前端对于网站来说，通常是指网站的前台部分，前端入门也很简单，不过近两年的被炒的很热，供求严重失衡。现在来说说Python，Python

老男孩Python·2024-01-30 15:26

使用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

跟着pink老师前端入门教程-day11

3、CSS三角网页中常见一些三角形，使用CSS直接画出来即可，不必做成图片或字体图标4、CSS用户界面样式4.1什么是界面样式界面样式：更改一些用户操作样式，以便提高更好的用户体验（更改用户的鼠标样式、表单轮廓、防止表单域拖拽）4.2鼠标样式cursor语法：li{cursor:pointer;}，设置或检索在对象上移动的鼠标指针采用合众系统预定义的光标形状4.3轮廓线outline给表单添加ou

axiu呀·2024-01-30 09:25

跟着pink老师前端入门教程-day09

二十二、定位22.1为什么需要定位1.某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子2.当我们滚动窗口时，盒子是固定屏幕某个位置的解决方法：1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子2.定位则是可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置，并且介意压住其他盒子。22.2定位组成定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子

axiu呀·2024-01-30 09:24

跟着pink老师前端入门教程-day10

22.10定位叠放次序z-index在使用定位布局时，可能会出现盒子重叠的情况，此时，可以使用z-index来控制盒子的前后次序（z轴）语法：选择器{z-index:1;}注意：1.数值可以是正整数、负整数或0，默认是auto，数值越大，盒子越靠上2.如果属性值相同，则按照书写顺序，后来居上3.数字后面不能加单位4.只有定位的盒子才有z-index属性22.11定位拓展11.1绝对定位的盒子居中加