iT邦幫忙

css相關文章
共有 1069 則文章
鐵人賽 Modern Web DAY 7

技術 #7 Web Layout: CSS Fundamentals

Final Design CSS Web Layout Tips 1. Horizontally center the text: try text-al...

鐵人賽 Modern Web DAY 2

技術 [13th-鐵人賽]Day 2:Modern CSS 超詳細新手攻略 - 入門

WHO? WHAT? CSS到底是誰? CSS的全名為Cascading Style Sheets,其中的style是樣式,因此CSS就是用來描述網頁樣式的工具...

鐵人賽 Modern Web DAY 2
CSS Flex/Grid Layout Modules 系列 第 2

技術 [CSS] Flex/Grid Layout Modules, part 2

本篇會有不少冷門範例。 其實我覺得很奇妙,就是我老是踩到一些超冷門連 Google 都找不太到的雷。 Flexbox 能與不能 首先還是得叮嚀一下,如果使...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07 CSS <字體屬性>

CSS Fonts(字體) 屬性 用於定義字體系列、大小、粗細 和文字樣式(ex:斜體) 1.字體系列 font-family 屬性定義文本的字體系列 <...

鐵人賽 Modern Web DAY 1
CSS Flex/Grid Layout Modules 系列 第 1

技術 [CSS] Flex/Grid Layout Modules, part 1

萬事起頭難,只要不起頭,就一點都不難了。 在這個充滿著 CSS Frameworks 的年代,人人有功練,人人有版切,身為老屁股的我只能在沙灘上曬乾,而且還...

鐵人賽 Modern Web DAY 6

技術 33歲轉職者的前端筆記-DAY 6 CSS button 套件

最近的工作專案很常用到 button 按鈕 因為小公司的關係沒有設計 所以通常要自已想 button 按鈕樣式 但沒有設計腦真的很難想要怎麼呈現顏色跟效果 今天...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06 CSS <複合選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器 本日將將繼續說明複合選擇器 複合選擇器可以更準確更高效的選擇元素(標籤) 是由兩個或多個基礎選擇器透過不同方式組合...

鐵人賽 Modern Web DAY 6

技術 #6 CSS Table x Stock Price

An ordinary CSS table looks like Ways of making CSS table beautiful 1. Change...

鐵人賽 Modern Web DAY 1

技術 [13th-鐵人賽]Day 1:Modern CSS 超詳細新手攻略 - 簡介

嗨大家,我是 Ronnie! 這是我第一次參加iT鐵人賽,在開始前先幫我自己訂一個小小目標,就是希望我可以順利完成這30天的鐵人賽, 也請大家可以和我說聲加油,...

鐵人賽 自我挑戰組 DAY 1

技術 Day 01:前言 - 打開地圖,開始我們的旅程吧!

自我介紹 大家好,我是你們這30天的嚮導,我叫Andy Chiang,目前就讀中興大學資工系,大二升大三。 我喜歡學習新的技術,像海綿一樣有什麼就吸收什麼,除了...

鐵人賽 Modern Web DAY 5

技術 #5 Types of CSS Selector

After the previous 2 articles of CSS basic introducttion, let's talk about 5 Typ...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器 本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器 單個選擇器組成,包含標籤選擇器、類選擇器...

鐵人賽 Modern Web DAY 3

技術 #3 CSS Introduction x Foodie

What is CSS? English: CSS = Cascading Stylesheets “CSS is designed to enable th...

鐵人賽 Modern Web DAY 1

技術 #1 Entry-Level Front-End Web Development

Before learning the front-end web development, let’s talk about my plan in the f...

技術 CSS Animation 使 Mobile 網頁崩潰!? 效能優化篇(1) - 避免過長的背景圖~

崩潰的起因 - 開發時期,我在網頁內放置了一段 CSS Animation的動畫,這個功能在電腦上執行一切正常,直到網頁被改成RWD版本,悲劇就發生了........

技術 從零開始用github架設靜態網站入門(3) - CSS客製化

對於HTML裡面編寫的大多數元素我們都可以賦予它特別的屬性,像是在前面章節我們提到,將div賦予了class=”row”的屬性後,瀏覽器會將其內的文字看作同一行...

技術 Tailwind CSS 中的樣式渲染順序

如果你 tailwind 已經寫一段時間了,相信你有時候也會想把因為 tailwind 語法而變的很長的 class 變短吧,那這時候就要用到的是 tailwi...

技術 快速了解 Tailwind CSS 的 JIT 模式

線上範例:JIT 線上範例 - Tailwind Play 因為 Tailwind CSS 的設計原理,在開發時會先幫你產生好超多的 class,CSS 檔...

技術 前端工程日記 25日 Flex 並排選單

附codepen網址: https://codepen.io/pwbzvqja/pen/GRWNVYB html <ul class="men...

技術 CSS - Tailwind CSS 阿哩阿雜的設定

上一篇介紹了 Tailwind 基本的語法,而今天要來看的是 Tailwind 的設定,之前說到的許多功能都是靠著這些設定達成,包含變數、模組化、tree-sh...

技術 CSS - Tailwind CSS 入門與語法

小弟我之前一直是使用 Bootstrap 做為前端 CSS 框架,由於最近聽到很多 Tailwind CSS 的花式吹捧,讓我也開始感興趣了,今天就一起來研究一...

技術 請問如何用Jquery或javascript寫出由卷軸控制太陽系的軌跡

最近在寫專題,遇到了一些困難,需要寫出一個網頁,網頁的捲軸可以控制太陽系的星系轉動(同時),請問該如何寫出來? 範例如下 但是要拉動網頁旁邊的卷軸來轉動各星球。...

技術 日記19

[https://codepen.io/terry-yu-the-vuer/pen/rNOrWYY?__cf_chl_jschl_tk__=cc73fd5172...

技術 菜雞SCSS初體驗

還記得前兩週我都在學習如何手刻RWD網頁,不只有許多的HTML結構要去注意。 就連CSS樣式也希望能使用模組化的方式建構。 總之,就是要讓code不要太冗長不好...

技術 日記18

推薦前端工程師好文章 https://ithelp.ithome.com.tw/m/users/20129161/ironman/2978

技術 前端工程學習日記第17天

#偽類:before :after做左右畫線標題效果 經常可以看到這樣的標題設計是在左右有一條橫線中間是文字的做法,可以使用偽類選取器before/after...

技術 我遇到的RWD網頁難題

上次文章終於迎來續集 我的第一個RWD網頁 這次的網頁練習跟上次的網頁是同系列的,不過這次可是有記起上次的教訓。 也第一次使用了SCSS和GitHub。(這部分...

徵才  【醫療相關產業】資深軟體工程師 月薪5~12萬元

【代徵】日商醫療器材廠商 資深軟體工程師 工作內容 1.醫院自動化系統開發與維護 2.公司內部系統開發與維護 3.協助部門主管帶領工程師完成任務 必要技能: A...