분류 전체보기125 [css] css적용 우선순위 우선순위 1. 가장 중요(!important) 모든 선언을 무시하고 가장 우선으로 적용 됨 점수: ♾pt div{ color:red !important; /*가장 우선*/ 2. 인라인 선언 방식(Style Attribute) 인라인 선언(HTML style 속성을 사용) 점수: 1000pt HELLO WORLD 3. 아이디(ID Selector) 아이디 선택자 점수: 100pt #color_yellow { color:yellow; } 4. 클래스(Class Selector) 클래스 선택자 점수: 10pt #color_green { color:green; } 5. 태그(Type Selector) 태그 선택자 점수: 1pt span { color: blue; } 6. 전체(Universal Selector).. 2021. 6. 2. 07. [HTML] 전역 속성, 기타 HEROPY Tech 블로그를 참고하여 작성된 글입니다. HTML-ENTITIES 🔗CLASS ▪JS나 CS에서 접근하게 하기 위한 별명이라고 생각하면 쉽다 ▪여러 요소에 중복되게 사용 가능 1 2 3 🔗ID ▪JS나 CS에서 접근하게 하기 위한 별명이라고 생각하면 쉽다 ▪하나의 요소만 사용가능 1 🔗STYLE ▪요소에 적용할 CSS를 선언 할 수 있다. 🔗TITLE ▪요소의 정보(설명)을 지정. HTML ▪위와 같을 경우 화면에 출력된 HTML에 마우스를 올리면 툴팁 창에 Hypertext Markup Language 가 나온다. 🔗LANG ▪요소의 언어 ISO 639-1(국가별 언어 코드) 를 지정. This paragraph is English 이 단락은 한글입니다. Ce paragraphe est.. 2021. 5. 14. 06. [HTML] 표 콘텐츠, 양식 HEROPY Tech 블로그 참고. 🔗 ▪ 태그는 데이터 표를 작성하기 위해 사용 되는 태그이며 가장 표의 가장 큰 뼈대이고 그 안에 , , 태그를 사용하여 표를 작성한다. 📺display: table Fruits ID Name Price F123A Apple $22 F098B Banana $19 🔗 ▪태그는 table row의 약자로, 가로줄을 만드는 역할을 한다. 🔗 ▪태그는 table head의 약자로, 표의 제목을 작성하는데 사용한다. 속성 의미 값 기본값 abbr 열에 대한 간단한 설명 headers 종속되어 있는 다른 칸 id 속성 값 colspan 확장하려는(병합) 열의 수 1 rowspan 확장하려는(병합) 행의 수 1 scope 자신이 누구의 '머리글 칸' 인지 명시 col : 자신의 열.. 2021. 5. 11. 05. [HTML] 멀티미디어, 내장 콘텐츠, 스크립트 HEROPY Tech 블로그 참고. 🔗 ▪ 태그는 이미지를 삽입하는 데 사용된다. 📺display: inline 속성 의미 값 src (필수)이미지 URL URL alt (필수)이미지 대체텍스트 width 이미지의 가로 너비 height 이미지의 세로 너비 srcset 브라우저에게 제시할 이미지 URL과 원본 크기의 목록을 정의 w, x sizes 미디어 조건과 해당 조건일 때 이미지 최적화 크기의 목록을 정의 🔗 ▪ 태그는 웹에 소리를 삽입할 때 사용 💡autoplay가 설정되면 preload속성을 무시함 📺display: inline ▪원하는 부분을 재생, 시작시 오디오 설정 등 세세한 조정은 JS로 설정이 가능하다. 속성 의미 값 기본값 autoplay 준비되면 바로 재생 (정책으로 인해 몇몇 브라.. 2021. 5. 10. 이전 1 2 3 4 ··· 32 다음