Web開発総合-CSS
1911 ワード
CSS
HTMLはスケルトン、CSSはデコレーション!
HTMLが領域とテキストを表すコードである場合、CSSはHTML内のstyle属性を付与し、HTMLをより立体感と詳細にすることができる.
**CSSファイルをHTMLコードにロードして適用します.
CSSベース
<head> ~ </head> 안에 <style> ~ </style> 로 공간을 만들어 작성합니다.
아래 코드를 통해 간단한 사용 방법을 알아봅니다.
mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 하는 것을 꼭! 기억하기!
HTML構造はターゲットを領域とクラスとして定義し、定義したクラスは「head」タスクで「style」タグを使用して必要な部分を修飾すればよい~!
常用の基本CS~!
[背景に関する]
background-image, background-size, background-position, background-color . . .
[사이즈]
width, height . .
[폰트]
font-size, font-weight, font-famliy, color, h1 ~ h5 . .
[테두리]
border: __(굵기) soild(선의 형태) #____(color), border-radius . .
[간격]
margin, padding . .
Check Point
目的のオブジェクトを中央に配置するには:
Memo -------
textは「OOOワードを中央に移動する」ように指定することができないので、
Reference
この問題について(Web開発総合-CSS), 我々は、より多くの情報をここで見つけました https://velog.io/@yujeong_27/스파르타코딩-웹개발-종합-1주차-CSSテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol