본문 바로가기

분류 전체보기

CSS text 글자색은 color로 지정한다. name, Hex, RGB로 지정 가능하다.body { color: blue; }웹 표준을 준수하려면 color 속성과 background-color 속성을 함께 지정한다. text alignmenttext-align은 문자의 수평 정렬을 설정할 때 쓴다. 텍스트는 left, center, right 또는 justify로 정렬이 가능하다.justify는 각 줄을 동등한 너비로 만든다. text decoration보통 text-decoration:none;은 link의 밑줄을 없애기 위해 쓴다.daum.net -> daum.net overline은 텍스트의 윗줄line-through는 취소선underline은 밑줄하지만 link가 아닐 경우 사용자에게 혼란을 주기 때문에 u..
CSS outline outline은 border 바깥에, 요소를 두드러지게 하는, 요소 주변에 그려지는 것이다.outlinebordercontent outline-styleoutline-coloroutline-widthoutline-offsetoutline과 같은 속성이 있다. outline은 border와 다르다. 요소의 border 바깥에 그려지고 컨텐츠를 감쌀 수 있다. 요소의 총 너비와 높이는 outline의 너비에 영향을 받지 않는다. outline-style은 dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden이 있다. outline color색깔은 name, RGB, Hex, invert 등의 방식으로 설정될 수 있다. p.ex1 ..
양심적 병역 거부? 대법원 전원합의체가 14년 만에 기존 판례를 뒤집고 양심적·종교적 병역거부자를 처벌할 수 없다는 결론 전국 법원에서 종교적 사유로 병역을 이행하지 않았다가 재판을 받는 병역거부자들도 무려 930여명에 달하는 것으로 알려졌습니다. 지난해 7월 제주지법 형사3단독 신재환 판사는 '여호와의 증인' 신도 두 명에게 무죄를 선고하며 "양심의 자유를 형사처벌이라는 강력한 수단으로 제한하는 것은 양심의 자유의 본질적인 내용을 과다하게 침해한다"고 지적 당시 신 판사는 "하급심에서 유무죄가 엇갈린 판결들이 계속 나와 혼란스러운 상황"이라며 "법관은 '의심스러울 때는 피고인의 이익으로'라는 법언을 다시 한번 가슴에 새길 필요가 있지 않을까 생각한다"며 자신의 소신을 밝히기도 했습니다. 그러나 그로부터 열흘 뒤 같은 제주..
CSS box model 모든 HTML 요소들은 박스로 생각할 수 있다. 박스 모델은 디자인과 레이아웃에 대해 말할 때 쓰인다.CSS 박스 모델은 본질적으로 모든 HTML 요소를 감싸는 박스다. margin, border, padding, 실제 컨텐츠로 구성되어 있다.margin : border 바깥의 영역, 마진은 투명하다.border : 패딩과 content를 둘러싼다.padding : content 주변 영역, 패딩은 투명하다.content : text, image가 나타나는 곳 요소의 너비와 높이요소의 너비와 높이 속성을 설정하고 싶다면, 단지 content 영역의 너비와 높이를 설정하면 된다.요소의 전체 크기를 계산하기 위해서는 패딩, 테두리, 마진을 다 합쳐야 한다.width: 320px;padding: 10px; b..
CSS 마진 Margin 마진에는 top, right, bottom, left가 있다.요소의 각 측면은margin-topmargin-rightmargin-bottommargin-left로 지정할 수 있다. 모든 마진 속성은 다음 값을 가질 수 있다.auto - 브라우저가 마진을 계산한다.length - px, pt, cm 등으로 마진 지정% - 포함하는 요소의 너비에 대한 마진을 %로 지정inherit - 부모 요소로부터 상속되어야 하는 마진을 지정 음수 값 허용됨 상하좌우에 다른 마진 설정margin-top: 100px; margin-bottom: 100px; margin-right: 150px; margin-left: 80px; margin - shorthand 속성하나의 속성에 모든 마진 속성을 지정할 수 있다. 위에서 각..
CSS 테두리 Borders border 속성은 요소의 테두리의 스타일, 너비, 색을 지정할 수 있게 해준다.border-style 속성은 테두리의 모습을 지정할 때 쓰인다. 근데 보통 solid로 쓰는 것 같다. A dotted border.A dashed border.A solid border.A double border.A groove border. The effect depends on the border-color value.A ridge border. The effect depends on the border-color value.An inset border. The effect depends on the border-color value.An outset border. The effect depends on the bo..
프로그래머스 k번째 수 def solution(array, commands): result=[] for command in commands: arr = array arr=arr[command[0]-1:command[1]] arr.sort() result.append(arr[command[2]-1]) return result print(solution([1, 5, 2, 6, 3, 7, 4],[[2, 5, 3],[4, 4, 1], [1, 7, 3]])) https://programmers.co.kr/learn/courses/30/lessons/42748
CSS 배경 Background background properties background-color background-image background-repeat background-attachment background-position 배경색body { background-color: lightblue; } 배경 이미지요소의 배경으로써 이미지를 특정한다. 기본적으로 이미지는 반복되며, 전체 요소를 덮는다.body { background-image: url("paper.gif"); } 배경 이미지 - 수평적 또는 수직적 반복background-image 속성은 이미지가 수직, 수평적으로 반복된다. 어떤 이미지들은 오직 수직 또는 수평적으로만 반복되어야 한다.background-repeat:repeat-x는 x축으로 반복, repeat..