Web/CSS5 [CSS] 불투명 CSS불투명 0~1사이의 불투명 정도를 나타냄0 : 투명1: 불투명 opacity 를 써주면 됨 2019. 3. 25. [CSS] 파일연결/ 다중선택 CSS파일연결 html파일과 css파일을 별도로 만들 수 있음html파일에 css파일을 링크하기 위한 과정 HTML의 head에 링크해주면 됨. href = CSS 파일의 주소 or 경로type = 링크 할 문서 유형(여기선 CSS파일)rel = HTML 파일과 CSS 파일 간의 관계 다중선택 ,를 사용요로코롬 2019. 3. 25. [CSS] 박스 모델 CSS박스 모델 Width, height = 내용 영역의 너비와 높이를 지정Pedding = 내용 영역과 경계 사이의 간격Border = 내용 영역과 패딩을 둘러싼 테두리의 두께와 스타일Margin = 테두리와 요소의 바깥 쪽 가장자리 사이의 간격 overflow상자 바깥부분으로 넘치는 부분을 제어 hidden = 오버 플로우되는 모든 내용이 숨겨짐scroll = 스크롤 막대가 요소의 상자에 추가되어 스크롤하여 내용의 나머지 부분을 볼 수 있음visible = 오퍼플로우 내용포함 요소가 외부에 표시됨 (기본설정) display:none; - 사라지게함 display:inline = 한 줄을 띄우지 않음display:block = 한 줄을 띄움 (h1과 같은 특성)display를 통해 기본적인 특성을 변경.. 2018. 11. 22. [CSS] 선택자 CSS선택자의 기본 1. 태그 선택자 ex) a2. 클래스 선택자 ex) .saw3. id 선택자 ex) #active 좀더 구체적인게 우선순위가 높다고 생각하면 이해하기 쉬움되도록 class를 사용하고 예외의 경우만 최소한으로 id를 사용하자. +클래스 중복 선택가능title과 uppercase라는 클래스를 중복 선택함 !importantcss연산자중 가장 높은 우선순위를 가짐 //최대한 쓰지말기 h5 태그와 클래스속의h5 태그가 있다.원래라면 클래스 속의 h5태그가 더 높은 우선순위를 가지겠지만, !important를 사용했기 때문에h5태그가 더 높은 우선순위를 가진다.따라서 화면에는 reveccapurple색이 나타날것! 보라색이 보인다. link = 방문한 적이 없는 링크visited = 방문한 .. 2018. 11. 22. [CSS] 기본문법 CSS css를 통해 디자인을 하면 html을 통해 디자인을 하는것보다 효율적;을 사용하여 여러가지 css를 사용가능 style a = a href=" " 태그의 모든색 바꿈 p7~11 a = Selector, color:red; =Declaration, 그중에 color = Property, red=Value html의 pont와 비슷바꾸고자 하는 위치에 style="color:blue"를 해주면 해당 위치만 색이 바뀜 p10 text-decoration: none; 모든 링크의 밑줄 삭제p25 style="text-decoration:underline" 해당 부분의 밑줄 생성 h1부분에 해당하는 Website만 가운데 정렬이 됨 2018. 11. 22. 이전 1 다음 반응형
