#3 CSS Introduction x Foodie

What is CSS?

  • English: CSS = Cascading Stylesheets
    “CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts.” by Wiki
  • Mandarin: CSS = 阶层样式表

The difference between HTML, CSS, JavaScript

https://ithelp.ithome.com.tw/upload/images/20210902/20130362iU7mjjTNGd.png
(Resource: https://html-css-js.com/)


Commonly used:

  • separate areas: <div></div> → div = division, an area we can see in the elements of developer tool
    https://ithelp.ithome.com.tw/upload/images/20210903/20130362k2ykpgCLSZ.png
  • If you don’t want to create a new line, use <span></span>instead of <div></div>.
  • Also, we can add <br/> for creating a new line.
    https://ithelp.ithome.com.tw/upload/images/20210903/20130362qjZrjSkEqb.png
  • Font size/color: <div style="font-weight:bold;font-size:20px">context</div>.

Music of Today: Best Part by Daniel Caesar & H.E.R.


Like/Share/Follow

If you guys find this article helpful, please kindly do the writer a favor — LIKE this article./images/emoticon/emoticon12.gif
Feel free to comment and share your ideas below to learn together!


<<:  Day 3. Hashicorp Nomad: Server configuration for production

>>:  Python的max语法

着麽可爱果然是男森!!

事件简述 陆女主播人设的背後其实是男森... 伪声真的不错听... 结论(废宅又在说废话了!!) 网...

RDS备份还原与地端的差异

在使用面板成功备份还原後, 再使用SSMS实作的可行性, 是否跟地端的一样? 先使用UI方式备份, ...

初学者跪着学JavaScript Day17: 物件:new Set()

一日客语:中文:不好意思 客语:paiˇse! ㄆㄞˇ 厶ㄟ 1.set 是一个集合 2.集合没有索...

铁人赛 Day14-- MySQL函式 -- 查询资料分页(我傻眼,昨天没上传到)

前言 我明明记得我昨天就PO==,结果今天看到通知才发现被中断了,算了哈哈,那我这边就慢慢PO好了,...

该如何证明资料曾经存在?

第一次发言, 请各路大神关照. 公司需要定期作资料库备份, 备份用的电脑OS为Win 7及Win 1...