본문 바로가기

Frontend10

BootStrap 부트스트랩 (소개 / 추천 / 사용법 / html / css / 프론트엔드 / 백엔드 / 웹 디자인 / 웹 개발 ) 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. (bootstrapk.com) 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드 bootstrapk.com 부트스트랩이란 프런트엔드 프레임워크로 웹페이지를 쉽게 디자인&개발 할 수 있게 도와준다. 처음으로 웹개발 프로젝트를 진행해보며 웹 개발이라는게 프론트와 백 둘 중 하나만 잘 한다고 해도 잘 되는게 아니라는 걸 뼈저리게 느꼈다. 아무리 코드를 잘짜도, 기능 구현이 잘 되어도 .. 2021. 5. 5.
[CSS ②] 선택자 / selector (CSS기초/개념) 선택자란? 선택자란 CSS효과를 적용할 대상 가리켜 선택해주는 것 [사용 방법] 에서 CSS 파일 불러옴 선택자 { 선언(속성=속성값); 선언(속성=속성값); 선언(속성=속성값); } [우선순위] 기본적으로는 css속성은 위에서 부터 아래로 적용, 같은 태그에 여러개의 css속성이 설정된 경우에는 우선순위에 따라 스타일이 적용된다. 태그선택자 p{ color:orange; } 하위 선택자 > 특정 요소의의 하위 요소 지정할 때 사용 div>span특정 요소의의 하위 요소 지정할 때 사용 div>p>span특정 요소의의 하위 요소 지정할 때 사용 div>p>span>p>span특정 요소의의 하위 요소 지정할 때 사용 div>span{ background-color: olive; } 인접 선택자 + 인접하는.. 2021. 2. 2.
[CSS ①] 작성방법 / 사용 이유 (CSS기초/개념) CSS 작성 방법 1. 인라인 요소 사용 -> style 속성 사용 (inline style sheets) 1. 인라인 요소 사용 -> style 속성 사용 (inline style sheets) b> 2. 내부 스타일 시트 -> style태그 사용 p{ background-color: lightpink; } 3. 외부 스타일 시트 -> css파일을 외부에 작성해 놓고 불러와 사용 b{ color:red; } CSS 사용 이유 생활코딩 CSS css 단 하나 만 바꿔줘도 몇 백, 몇 천개의 중복 태그 코드가 바뀐다. html의 디자인 부분만을 보다 체계적으로 효과적으로 관리하기 위해 사용한다. 2021. 2. 2.
[HTML ⑤/⑤] 시맨틱구조 / 시맨틱태그 (html기초/개념) github.com/recordbuffer/TIL/blob/main/HTML/Semantic_tag.html recordbuffer/TIL Today I Learned. Contribute to recordbuffer/TIL development by creating an account on GitHub. github.com 2021. 1. 30.