This repository was archived by the owner on Mar 1, 2025. It is now read-only.
File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 2222今天主要还是在熟悉HTML的使用,预计明天开始学习CSS,跟着视频学着并根据萌娘百科上的内容抄了一篇介绍,暂时没有遇到什么难点,今天就这样吧,摸了。
2323
2424
25+ ### 02.10
26+
27+ #### 学习时长:1.5小时
28+
29+ 这几天家里修新房子在搞手续什么的比较忙,CSS这方面的内容断断续续看了一些,但是感觉没什么好写的,学习笔记就断了很久也没提交新东西,今天卡着斩杀线先push上来一些内容吧。
30+
31+ CSS是一种样式表语言,通常跟HTML一起使用。CSS用来描述HTML中的内容该以什么样的方式呈现,主要是用来美化网页的。
32+
33+ CSS的引入非常灵活,直接在HTML文件里通过` style ` 标签写css代码即可,或者用` link ` 标签引入单独的css文件也可以。在开发中一般是使用第二种方式,我因为还不熟悉所以就直接用第一种了。
34+
35+ 目前学了几个选择器和画盒子,还有文字属性之类的,感觉选择器挺好用的,跟函数引用差不多的原理。很省事,实操了一下发现直接在HTML内引入CSS的话显得代码太乱了,还是外部引入的方式比较好用,已老实。
36+
37+ 没东西可水了就贴点我写出来的💩(只贴了我用CSS美化的部分,另外欢迎收听我的心头好乐队ずっと真夜中でいいのに捏)
38+ ``` HTML
39+ <!DOCTYPE html>
40+ <html lang =" en" >
41+ <head >
42+ <meta charset =" UTF-8" >
43+ <meta name =" viewport" content =" width=device-width, initial-scale=1.0" >
44+ <title >永远是深夜有多好。</title >
45+ <style >
46+ #background {
47+ background-color : thistle ;
48+ width : auto ;
49+ height : auto ;
50+ }
51+ </style >
52+ </head >
53+ <body >
54+ <h1 style =" color : violet ;" >百科介绍:ずっと真夜中でいいのに。</h1 >
55+ <p style =" font-size : large ;width : auto ;height : auto ; background-color : aqua ;" >永远是深夜有多好。(日语:ずっと真夜中でいいのに。,罗马字:Zutto Mayonaka de
56+ Iinoni.,粉丝简称真夜中)[1]又称ZUTOMAYO(日语:ずとまよ),是日本音乐组合。其主唱、作词作曲均由ACA-Ne(ACAね)完成或合作完成。</p >
57+ <p style =" width : auto ;height : auto ; background-color : aqua ;" >关于名称的由来,ACA-ne在2021年1月30日播出的NHK节目“SONGS”中提到;“当我专注于某件事时,通常会发现已经变成了半夜或早晨。所以我想“永远是深夜有多好。””这个名字正是来源于此。 </p >
58+ <div id =" background" ><ul >
59+ <li >别名 永远是深夜有多好。
60+ Zutto Mayonaka de iinoni.
61+ 永远都是深夜就好了。</li >
62+ <li >音乐类型 摇滚乐
63+ J-POP
64+ 独立摇滚
65+ 另类摇滚
66+ 节奏蓝调
67+ 电子音乐</li >
68+ <li >
69+ 出道地点 日本
70+ </li >
71+ <li >
72+ 活跃年代 2018年–
73+ </li >
74+ <li >
75+ 唱片公司 EMI Records Japan
76+ </li >
77+ <li >
78+ 网站 <a href =" zutomayo.net" >zutomayo.net</a >
79+ </li >
80+ <li id =" red" >
81+ 现任成员
82+ ACA-Ne(ACAね)
83+ </li >
84+ </ul >
85+ </div >
86+ ```
87+
88+
89+
2590<!-- Content_END -->
You can’t perform that action at this time.
0 commit comments