Devops/HTML

BOX border: {width} {style} {color} padding - Box 내부 여백 margin - 테두리 밖 여백 ( box간 margin은 중첩됨 ) width/height - 너비,높이 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officia, expedita. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officia, expedita. box-sizing: border-box - border 기준으로 사이징 box-sizing: content-box - content 기준으로 사이징 ( default ) small border Large border

Color 3가지 Type으로 출력 가능 color 참조 링크 : www.w3schools.com/css/css_colors.asp CSS Colors CSS Colors Colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values. CSS Color Names In CSS, a color can be specified by using a predefined color name: Try it Yourself » CSS/HTML support 140 standard color names. CSS Backgrou www.w3schools.com font-size px(pixel) : 절대값으로 적용 rem : 유저..

선택자 전체선택자 : * { color:red; } 태그선택자 : p { color:red; } or div { color:red; } 클래스선택자 : .class { color:red; } or div.class { color:red; } ID선택자 : #id { color:red; } or div#id { color:red; } 복합선택자 #id>tag tag tag HTML CSS JavaScript HTML CSS selector declaration JavaScript 가상클래스 선택자 ( pseudo ) :link - 방문한 적이 없는 링크 :visited - 방문한 적이 있는 링크 :hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭 했을 때 :focus - Focus가 ..