菜鸟web笔记

已于 2022-11-03 19:27:32 修改
阅读量49 收藏
点赞数
文章标签： html javascript 前端
于 2022-11-02 21:09:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MOOO___/article/details/127659072
版权

<!DOCTYPE html>

<!--    

    DOCTYPE文档类型声明

 -->

<html lang="en">

    <!--

        指定语言，如en--英语

                   zh-cn汉语

     -->

<head>

    <!-- 网页头部，不会在网页中显示    可以放文挡的脚本文件（javascript），样式（style），met信息标签，tdk

     -->

        -->

    <meta charset="UTF-8">

    <!--

        语言类型，UTF-8英语

     

     -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

   

</head>

<body>

    <div></div>

    <!--

        搭建网页结构的基本标签----盒子，无语意标签

        特性：  宽度默认撑满整个父元素

                高度默认由内容撑开

                独立成行----垂直布局

     -->

    <h1 style="background-color: pink" >冯磊</h1>

    <h2></h2>

    <h3></h3>

    <h4></h4>

    <h5></h5>

    <h6></h6>

    <!--

        标题标签，h1~h6

        标题标签中文字依次减小，重要程度依次减弱。

        h1标签整页只有一个，h2~h6可以有多个

        特性：  宽度默认撑满整个父元素

                高度默认由内容撑开

                自带外间距

                独占一行----垂直布局

                自带加粗效果

     -->

     <!--

        应用场景：   文章页标题，内容章节标题

                    LOGO

                    产品标题

      -->

      <p></p>

      <!--

        p标签：段落标签

        特性：宽度默认撑满整个父元素

              高度默认由内容撑开

              独立成行----垂直布局

              自带外边距

        应用场景：文章中段落，页面中的文字块

        注意：p标签里不能再嵌套块级标签，如：div，h，p      

       -->

       <hr>

          <!--

            hr标签：水平分割线，块级标签

            特性：宽度继承父元素宽度

                  高度默认为0

                  自带边框

                  自带外间距

            作用：在页面中显示一条水平线      

           -->

      <img src="" alt="">    

           <!-- src：图片的地址 -->

</body>

</html>

MOOO___
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS跑马灯
AIGC大前端小王子
02-28 831
本文主要介绍js跑马灯，适用于限制标题超出滚动，调整滚动时间。 方法 // 跑马灯 titleScroll() { if (this.goodsInfo.dclGoodsCname.length>20) { let title = this.goodsInfo.dclGoodsCname console.log(this.goodsInfo.dclGoodsCname.length) let fristchar = title.charAt(0); //在从中取第一个字符；(char.
javascript实现走马灯功能
12-27
走马灯,js特效，网页特效代码，JS教程，javascript
前端学习（188）:浏览器内核和浏览器前缀
歌谣的博客
12-23 275
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
js走马灯
zoey的专栏
09-15 1367
方法一：最简单，但是仅仅支持IE8及以上，火狐，谷歌
CSS实现渐变圆环
时光清浅处，一步一安然
03-25 9129
CSS实现渐变圆环 今天呢，我们来讲讲使用CSS实现渐变圆环。 linear-gradient实现 首先呢，我们的初步思维应该是画一个圆，通过背景色渐变来实现一个基本的圆形渐变，再定位一个纯色背景色的圆形覆盖在上一个圆形，来创建一个从视角上看起来是渐变的圆环。 代码如下： <div class="circle"> <div class="content"></div> </div> .circle { width: 206px;
菜鸟的Python笔记.pdf
11-17
菜鸟的Python笔记.pdf
菜鸟的Python笔记-综合文档
05-22
菜鸟的Python笔记
菜鸟的Python笔记
01-28
菜鸟的Python笔记
数据库 1 菜鸟笔记
12-11
mariDB---mysql ---的基础操作 以及扩展操作。欢迎大家交流
css 圆形渐变
weixin_30813225的博客
01-04 205
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style> 6 div { width:100px; height:100px; -webkit-transform:rotate(90deg);}...
js实现跑马灯
12-06
一个使用js脚本制作的跑马灯效果。s做的一个抽奖demo,有加速和减速效果。开始前先获取中奖号吗，效果结束时自动选中。
js实现跑马灯效果
07-23
js里面就实现跑马灯，有上、下、左、右滚动效果，
JS 一个很牛逼的跑马灯
06-24
JS 一个很牛逼的跑马灯
跑马灯（走马灯）的js实现
xiaojing的博客
12-05 1万+
这个跑马灯的实现思路其实跟轮播无缝连接的思路是一样的。实现的效果如下(这个软件的水印真的好明显，小小字在跑的就是跑马灯了=.=)： 跑马灯的样式和html <div class="notice-container"> <span class="notice-icon"></span> <div class="notice-item...
css 圆形渐变框
thankseveryday的专栏
05-16 205
【代码】css 圆形渐变框。
JS 跑马灯效果实现（很好用）
热门推荐
yangsen251024的专栏
02-26 5万+
实现跑马灯效果的JS很多，但是很多不好用，下面介绍一个比较好用的。 好用之处在于： 1 支持一个页面多个跑马灯效果 2.支持跑马灯内容的异步加载 关键的实现代码，如果看不懂，可以跑这个列子 文字1 文字2 文字3 文字4 文字5 function test() { $("#RunTopic").find("li:first").appendTo(
js实现走马灯
weixin_40543741的博客
08-21 845
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;跑马灯效果&lt;/title&gt; &lt;style type="text/css"&gt;
css 实现圆形渐变进度条
前端踩坑之路
09-23 4152
css 实现圆形渐变进度条 实现思路 最外面是一个大圆（渐变色） 内部里面绘制两个半圆，将渐变的圆遮住(为了看起来明显，左右两侧颜色不一样,设置为灰蓝) 顺时针旋转右侧蓝色的半圆，下面渐变的圆会暴露出来，比如旋转 45 度(45/360 = 12.5%)，再将蓝色的右半圆设为灰色，一个 12.5 的饼图就绘制出来了。 尝试旋转更大的度数，旋转 180 度之后右半圆重合，再旋转，度数好像越来越小，不符合我们需求，应该将右侧的圆回归原位，把其背景色设置成和底色一样的，顺时针旋转左侧的半圆， 最后，最里面加上白
纯JS实现走马灯
weixin_34128411的博客
09-21 1399
使用js实现的走马灯功能，效果粘贴代码浏览器运行下就可看到。粗略的想了一下。其他的功能扩展起来也比较方便，就没有继续写下去，可扩展点：自动播放；面板指示点；支持多种速度的动画效果；图片可配置；监听宽度变化<div class="fs_0 ps_rl w_fc mg_auto"> <div class="container ps_rl ws_nw dp_ib"> ...
springboot 与redis笔记菜鸟
最新发布
09-18
对于菜鸟来说，Spring Boot 是一个非常友好的框架，它不需要太多的配置，只需一些基本的注解和依赖就可以快速构建一个 Web 应用。 Redis 是一个高性能的键值存储系统，它支持多种数据结构和丰富的功能，可以在内存...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值