Edu/10.Language: HTML_N_CSS8 HTML & CSS 의미 1. html 2. css 1. HTML - HTML: HyperText Markup Language - 하이퍼텍스트의 골격 구조를 표기하는 컴퓨터 언어 - hyptertext: hyper(초월한) + text(문서) : 문서를 뛰어넘은 문서*. 문서를 읽다가 다른 문서로 이동해 읽을 수 있는 비선형적 구조를 의미. - 하이퍼텍스트를 주고받기 위해서 HTTP(HTTP: Hypertext Transfer protocol)라는 통신규약이 필요. HTTP는 인터넷에서 정보를 주고 받을 때 어떤 방식으로 정보를 주고 받을지, 오류가 발생하면 어떻게 처리할지 등에 대한 규칙과 약속임. http://www.naver.com은 해당 도메인에 있는 하이퍼텍스트를 http방식으로 처리하라는 의미. 2. CSS - CSS.. 2022. 4. 12. [CSS] 그룹 선택자, 보조 박스 선택 HTML box1 box2 CSS .box{ font-size: 20px; &.border-box { border: 10px solid red; } &.bg-box { background-color: blue; } } 또는 .box.border-box { border: 10px solid #000; } .box.bg-box { background-color: blue; } 2021. 12. 27. [CSS]속성 특성 선택자 HTML CSS input[type="text"] { border-color:red; } input타입이 text인 경우 해당 속성 적용 또는 속성값을 넣었는지 안 넣었는지 확인하기 위한 용도로도 사용 가능 CSS img[alt] { border: 1px solid blue; } 2021. 12. 27. !important: 부트스트랩 설정값보다 내 설정값 우선 적용 - 부트스트랩을 사용하여 프론트 구현하는데, 부트스트랩이 설정해 놓은 속성값보다 내가 설정한 설정값을 우선 적용하고 싶을 때 사용하는 속성값. .list-group-item { border: none !important; border-bottom: 1px solid #eee !important; } 2021. 11. 17. bootstrap과 Materialize Lite - HTML과 CSS로 플랫폼을 만들기에는 시간이 너무 오래 걸리므로 이를 단축시키기 위해 미리 기본 레이아웃과 디자인을 제공해주는 외부 도구가 존재 - Bootstrap과 Materialize Lite 가 바로 그것. - bootstrap은 트위터에서 만들었으며 head에 CSS와 자바스크립트 제공 링크를 가지고 와야 사용 가능함. - Bootstrap과 Materialize Lite는 서로 느낌이 다르므로 선호에 따라 사용하면 됨. 2021. 11. 15. [CSS]class와 id 지정없이 속성값 부여 예로 들어 부모 태그가 p이고 자식 태그가 span일 경우 아래처럼 작성시 속성값 부여 가능 p > span { color: red; } 또는 부모 태그가 p이고 자식 태그가 title이라는 class를 가진 경우 아래처럼 작성시 속성값 부여 가능 p > .title { color: red; } 2021. 11. 15. [CSS] 모든 선택자에 동일한 속성값을 부여하고 싶을 때 모든 선택자에 동일한 속성값을 부여하고 싶을 떄. *는 모든 선택자를 지칭함. 따라서 아래와 같이 코드를 작성하면 모든 선택자에게 동일한 속성값이 반영됨. * { font-family: 'Poor Story', cursive; } 2021. 11. 15. [CSS] rel="stylesheet" type="text/css"의 의미 * 학습 내용 - rel="stylesheet"의 의미 - tyep="text/css"의 의미 2021. 10. 5. 이전 1 다음
