【原创】前端小技巧

[huayang]

屏幕自适应

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

设置全屏背景并且图片固定不动

 body{
    background-image: url(https://hellohy.top/img/%E6%B5%B7%E8%BE%B9%E5%A5%B3%E5%AD%A96K%E5%8A%A8%E6%BC%AB%E5%A3%81%E7%BA%B8_%E5%BD%BC%E5%B2%B8%E5%9B%BE%E7%BD%91.jpg);
    background-repeat: no-repeat;
    background-size: auto 110%;
    #图片固定
    background-attachment: fixed;
  }

网页图标

<link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" />

js代码尽量写在<body></body>标签内

在vscode里小写的感叹号加回车即可调出标准格式

鼠标悬停样式

比如变小手

<th width="50" rowspan="5" onclick="copyText()" style="cursor:pointer">/iː/</th>

div不受css代码的控制很有可能是baiID或Class命名大写的问题

某些字体在手机上无法显示看看是不是手机字体的原因

css中top、right等定位函数一般前面要写上position:absolute;

 relative也就是相对定位:是相对于本身的位置进行偏移。只看自己,不看其他。

  absolute绝对定位:相对于非static的祖先元素进行位置偏移,当这样的元素不存在,则相对于根级容器定位。

.asd{
        position:absolute;
	right:10%;top:100%;
	font-size:23.5px;
	color:#fff;
	}

html如何更改超级链接颜色

        a{
            color: rgb(1,255,245);
        }

<a>去超链下划线在css里加入text-decoration:none;

        a{
            color: rgb(1,255,245);
            text-decoration:none;
        }

<a>标签在新的浏览器窗口打开链接,在a标签里加入target=”_blank”即可

<a href="https://space.bilibili.com/483162496?spm_id_from=333.788.b_765f7570696e666f.1" target="_blank">

删除线html代码

<s>你是我的唯一</s>

网页添加歌曲

           <!--网易云歌曲链接-->
<center><p>
    <iframe name="iframe_canvas"
            src="林俊杰__关键词.mp3"
          height="0" width="0" frameborder="0" scrolling="no">
    </iframe>
</p></center>

[/huayang]

==>转载请注明来源哦<==
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇