본문 바로가기

category_1/CSS

230310 색상 표현,여백을 지정하는 속성들,배경속성/요소의 CSS배치,position,,transform,transition/★Flex,Grid
category_1/CSS 2023. 3. 10. 230310 색상 표현,여백을 지정하는 속성들,배경속성/요소의 CSS배치,position,,transform,transition/★Flex,Grid html에서 태그 구조에 맞춰서 잘 쓰고 있는지 확인 / 전자정부 웹사이트 UI·UX 가이드라인(배포본) 파일 참고 // -- 색상 표현 -색을 사용하는 모든 속성에 적용 가능하다 1.색상의 이름을 작성 -브라우저에서 제공하는 색상 이름을 입력한다 -간단한 색상 표현은 가능하지만,명확한 특정 색상 표현은 브라우저에 따라서 달라질 수 있다 안녕하세요 2.Hex(Hexadecimal):16진수 색상 코드 -#으로 시작하며,가장 많이 사용한다 3.RGB 빛의 삼원색 -빛의 삼원색: R G B 4.rgba 빛의 삼원색+투명도(0~1 / 0에 가까워질 수 록 투명) == 박스 모델 -html 요소의 기본적인 모양을 만드는 속성 -요소의 너비,높이,내부 여백,외부 여백 등 으로 박스를 제어 1. 요소의 너비 와 높..
230309 css 적용 우선 순위,★html선택자 / css스타일 상속
category_1/CSS 2023. 3. 9. 230309 css 적용 우선 순위,★html선택자 / css스타일 상속 -쉼표(,)로 구분해서 여러 선택자를 나열하고,스타일 규칙을 한번만 작성한다 == 웹 브라우저에서 내용을 표시할 때, 적용되는 스타일 1.웹 브라우저 "자체"스타일 2.웹 문서를 제작한"제작자"의 스타일 3.컴퓨터를 사용하는"사용자"의 스타일 -브라우저 적용 우선 순위 -사용자>제작자>자체 예시) 브라우저 자체 색상:하얀색 제작자:색상을 라이트 그레이 사용자:내 눈이 아파.다크모드 실행 css 적용 우선 순위 -우선 순위란,어떤 스타일을 먼저 적용할 것인지 결정하는 규칙 -우선 순위를 높이려면,정확하게 해당 요소에 스타일을 적용하면,우선 순위가 높아진다 단,스타일 규칙에 예외인 !important를 작성하면,그 스타일 규칙이 다른 스타일보다 우선 순위가 높아진다 점수 ※참고 https://iridesce..
230308 html / form,iframe,select,그룹화인라인 요소와 블록 요소,CSS 에서 절대경로,상대경로 활용 / CSS 연결 방법 4가지,선택자 종류,전역 속성
category_1/CSS 2023. 3. 8. 230308 html / form,iframe,select,그룹화인라인 요소와 블록 요소,CSS 에서 절대경로,상대경로 활용 / CSS 연결 방법 4가지,선택자 종류,전역 속성 복습 : https://wldus1156.tistory.com/4 230302 UI디자인 웹 표준,웹 호환성,웹 접근성 1.웹 표준 -웹 기술을 표준화하기 위한 일련의 단계와 요구사항,W3C에서 나온 권고안을 사용하는 것 -웹 문서의 구조와 표현,동작을 구분해서 하용하는 것 -웹 표준을 wldus1156.tistory.com -- 실행시 D드라이브에서 실행되는 경우 해결방법 ::함께 배워요:: Html CSS JS JAVA DBMS select 태그에 multipe 속성을 작성할 수 있지만, 사용자 입장에서 친절한 화면이 아니다.쉬프트 또는 컨트롤 키를 누를생각을 하지 않을 수 있다 select의 그룹화,optgroup -label 속성으로 하위 option들의 이름을 작성할 수 있다 -- form fo..
230302 UI디자인,html01
category_1/CSS 2023. 3. 2. 230302 UI디자인,html01 웹 표준,웹 호환성,웹 접근성 1.웹 표준 -웹 기술을 표준화하기 위한 일련의 단계와 요구사항,W3C에서 나온 권고안을 사용하는 것 -웹 문서의 구조와 표현,동작을 구분해서 하용하는 것 -웹 표준을 준수?HTML,CSS,자바 스크립트 준수함 -W3C 표준화 제정 단계 : 초안,후보 권고안,제안 권고안,권고안 ->브라우저 구성요소:브리우저 엔진 / 웹 페이지를 구성하는 HTML,CSS등 자료를 해석해서 사용자의 장치에 맞게 변환하는 역할 ->엔진은 웹 표준에 의거하여 프로그래밍 하기 때문에 따라서 코드 작성 시,웹 표준에 맞게 코드를 작성해야 브라우저가 정상적으로 읽을 수 있다, ->웹 표준의 코드에 맞춰서 브라우저 엔진을 프로그래밍 해야 한다. -크로스 브라우징:여러 브라우저에서 동일한 화면,동작 등 을..
Recent Posts
Popular Posts
Calendar
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

티스토리툴바