commit 7546580ca98d5078dcb3a32097c4874b009566ef Author: Elex Date: Wed Jun 12 14:13:09 2024 +0900 2024-06-12 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..cc26017 --- /dev/null +++ b/.gitignore @@ -0,0 +1,79 @@ +### JetBrains template +# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider +# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839 + +# User-specific stuff +.idea/**/workspace.xml +.idea/**/tasks.xml +.idea/**/usage.statistics.xml +.idea/**/dictionaries +.idea/**/shelf + +# AWS User-specific +.idea/**/aws.xml + +# Generated files +.idea/**/contentModel.xml + +# Sensitive or high-churn files +.idea/**/dataSources/ +.idea/**/dataSources.ids +.idea/**/dataSources.local.xml +.idea/**/sqlDataSources.xml +.idea/**/dynamic.xml +.idea/**/uiDesigner.xml +.idea/**/dbnavigator.xml + +# Gradle +.idea/**/gradle.xml +.idea/**/libraries + +# Gradle and Maven with auto-import +# When using Gradle or Maven with auto-import, you should exclude module files, +# since they will be recreated, and may cause churn. Uncomment if using +# auto-import. +# .idea/artifacts +# .idea/compiler.xml +# .idea/jarRepositories.xml +# .idea/modules.xml +# .idea/*.iml +# .idea/modules +# *.iml +# *.ipr + +# CMake +cmake-build-*/ + +# Mongo Explorer plugin +.idea/**/mongoSettings.xml + +# File-based project format +*.iws + +# IntelliJ +out/ + +# mpeltonen/sbt-idea plugin +.idea_modules/ + +# JIRA plugin +atlassian-ide-plugin.xml + +# Cursive Clojure plugin +.idea/replstate.xml + +# SonarLint plugin +.idea/sonarlint/ + +# Crashlytics plugin (for Android Studio and IntelliJ) +com_crashlytics_export_strings.xml +crashlytics.properties +crashlytics-build.properties +fabric.properties + +# Editor-based Rest Client +.idea/httpRequests + +# Android studio 3.1+ serialized cache file +.idea/caches/build_file_checksums.ser + diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..23baf58 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,3 @@ +# 디폴트 무시된 파일 +/shelf/ +/workspace.xml diff --git a/.idea/copyright/Elex_Project.xml b/.idea/copyright/Elex_Project.xml new file mode 100644 index 0000000..72d9189 --- /dev/null +++ b/.idea/copyright/Elex_Project.xml @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/.idea/copyright/profiles_settings.xml b/.idea/copyright/profiles_settings.xml new file mode 100644 index 0000000..ce14878 --- /dev/null +++ b/.idea/copyright/profiles_settings.xml @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..639900d --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..619523d --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..94a25f7 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/Writerside/c.list b/Writerside/c.list new file mode 100644 index 0000000..c4c77a2 --- /dev/null +++ b/Writerside/c.list @@ -0,0 +1,6 @@ + + + + + \ No newline at end of file diff --git a/Writerside/c.tree b/Writerside/c.tree new file mode 100644 index 0000000..288aa64 --- /dev/null +++ b/Writerside/c.tree @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Writerside/cfg/buildprofiles.xml b/Writerside/cfg/buildprofiles.xml new file mode 100644 index 0000000..2fd3262 --- /dev/null +++ b/Writerside/cfg/buildprofiles.xml @@ -0,0 +1,17 @@ + + + + + + + + + true + + + + diff --git a/Writerside/images/completion_procedure.png b/Writerside/images/completion_procedure.png new file mode 100644 index 0000000..3535a3f Binary files /dev/null and b/Writerside/images/completion_procedure.png differ diff --git a/Writerside/images/completion_procedure_dark.png b/Writerside/images/completion_procedure_dark.png new file mode 100644 index 0000000..a65beb0 Binary files /dev/null and b/Writerside/images/completion_procedure_dark.png differ diff --git a/Writerside/images/convert_table_to_xml.png b/Writerside/images/convert_table_to_xml.png new file mode 100644 index 0000000..2518a64 Binary files /dev/null and b/Writerside/images/convert_table_to_xml.png differ diff --git a/Writerside/images/convert_table_to_xml_dark.png b/Writerside/images/convert_table_to_xml_dark.png new file mode 100644 index 0000000..4716122 Binary files /dev/null and b/Writerside/images/convert_table_to_xml_dark.png differ diff --git a/Writerside/images/new_topic_options.png b/Writerside/images/new_topic_options.png new file mode 100644 index 0000000..bc6abb6 Binary files /dev/null and b/Writerside/images/new_topic_options.png differ diff --git a/Writerside/images/new_topic_options_dark.png b/Writerside/images/new_topic_options_dark.png new file mode 100644 index 0000000..bf3e48d Binary files /dev/null and b/Writerside/images/new_topic_options_dark.png differ diff --git a/Writerside/topics/Box-Model.md b/Writerside/topics/Box-Model.md new file mode 100644 index 0000000..a802172 --- /dev/null +++ b/Writerside/topics/Box-Model.md @@ -0,0 +1,3 @@ +# Box Model + +Start typing here... \ No newline at end of file diff --git a/Writerside/topics/Layouts.md b/Writerside/topics/Layouts.md new file mode 100644 index 0000000..b7f292f --- /dev/null +++ b/Writerside/topics/Layouts.md @@ -0,0 +1,3 @@ +# Layouts + +Start typing here... \ No newline at end of file diff --git a/Writerside/topics/Selectors.md b/Writerside/topics/Selectors.md new file mode 100644 index 0000000..0eb91c0 --- /dev/null +++ b/Writerside/topics/Selectors.md @@ -0,0 +1,147 @@ +# 선택자 + + +## 타입 선택자 + +HTML 태그(요소)를 선택합니다. + +```CSS +p { +} +``` + +## 범용 선택자 + +모든 항목을 선택합니다. + +```CSS +* { +} +``` + +## 클래스 선택자 + +해당 클래스가 적용된 모든 항목을 선택합니다. + +```CSS +.my-class { +} +``` + +## ID 선택자 + +해당 아이디가 적용된 항목을 선택합니다. HTML 문서에서 id는 유일해야 합니다. + +```CSS +#my-id { +} +``` + +## 속성 선택자 + +### 속성 이름 선택자 + +해당 속성이 있는 항목을 선택합니다. + +```CSS +a[title] { +} +``` + +### 속성 값과 일치 + +해당 속성의 값이 일치하는 항목을 선택합니다. + +```CSS +a[href="http://examples.com"] { +} +``` + +해당 속성의 값과 일치하거나 공백으로 구분된 목록 중 해당 값을 포함하는 항목을 선택합니다. + +```CSS +p[class~="highlight"] { +} +``` + +해당 속성의 값과 일치하거나 해당 값 뒤에 '-'으로 이어지는 항목을 선택합니다. + +```CSS +div[lang|="ko"] { +} +``` + +### 문자열 중 일부와 일치 + +해당 속성의 값이 주어진 값으로 시작하는 항목을 선택합니다. + +```CSS +div[class^="box-"] { +} +``` + +해당 속성의 값이 주어진 값으로 끝나는 항목을 선택합니다. + +```CSS +div[class$="box-"] { +} +``` + +해당 속성의 값이 주어진 값을 포함하는 항목을 선택합니다. + +```CSS +div[class*="box-"] { +} +``` + +## 의사 클래스 선택자 + +의사 클래스는 특정 상태에 있는 요소를 선택하는 선택자입니다. + +* :first-child +* :first-of-type +* :last-child +* :last-of-type +* :nth-child() +* :nth-of-type() +* :only-child +* :only-of-type + +* :active +* :hover +* :visited +* :link +* :focus + +* :required +* :valid +* :invalid +* :checked +* :disabled +* :enabled + +* :is() +* :has() +* :not() + +## 의사 요소 선택자 + +의사 요소는 유사한 방식으로 동작하지만, 기존 요소에 클래스를 적용하는 것이 아니라 완전히 새로운 HTML 요소를 마크업에 추가한 것처럼 작동합니다. + +* ::before +* ::after +* ::first-line +* ::first-letter +* ::selection + +## 결합자 + +다른 결합자를 서로 연결하여 새로운 일치 조건을 만듭니다. + +### 후손 결합자 + +### 자식 결합자 + +### 인접 형제 결합자 + +### 일반 형제 결합자 diff --git a/Writerside/topics/Styling-Image-and-Media.md b/Writerside/topics/Styling-Image-and-Media.md new file mode 100644 index 0000000..24ad057 --- /dev/null +++ b/Writerside/topics/Styling-Image-and-Media.md @@ -0,0 +1,3 @@ +# Styling Image and Media + +Start typing here... \ No newline at end of file diff --git a/Writerside/topics/Styling-Table.md b/Writerside/topics/Styling-Table.md new file mode 100644 index 0000000..15163ad --- /dev/null +++ b/Writerside/topics/Styling-Table.md @@ -0,0 +1,3 @@ +# Styling Table + +Start typing here... \ No newline at end of file diff --git a/Writerside/topics/Styling-Text.md b/Writerside/topics/Styling-Text.md new file mode 100644 index 0000000..6d14b3a --- /dev/null +++ b/Writerside/topics/Styling-Text.md @@ -0,0 +1,3 @@ +# Styling Text + +Start typing here... \ No newline at end of file diff --git a/Writerside/topics/Units-and-Values.md b/Writerside/topics/Units-and-Values.md new file mode 100644 index 0000000..f735a06 --- /dev/null +++ b/Writerside/topics/Units-and-Values.md @@ -0,0 +1,3 @@ +# Units and Values + +Start typing here... \ No newline at end of file diff --git a/Writerside/topics/starter-topic.md b/Writerside/topics/starter-topic.md new file mode 100644 index 0000000..cc901ef --- /dev/null +++ b/Writerside/topics/starter-topic.md @@ -0,0 +1,2 @@ +# CSS + diff --git a/Writerside/v.list b/Writerside/v.list new file mode 100644 index 0000000..2d12cb3 --- /dev/null +++ b/Writerside/v.list @@ -0,0 +1,5 @@ + + + + + diff --git a/Writerside/writerside.cfg b/Writerside/writerside.cfg new file mode 100644 index 0000000..a4372d7 --- /dev/null +++ b/Writerside/writerside.cfg @@ -0,0 +1,13 @@ + + + + + + + + + + \ No newline at end of file diff --git a/css-examples.iml b/css-examples.iml new file mode 100644 index 0000000..9a5cfce --- /dev/null +++ b/css-examples.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file