분류 전체보기

보호되어 있는 글입니다.

.notice { margin: 10px;}.notice>li { display: flex; justify-content: space-between; line-height: 200%;}.notice>li>a { width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.notice>li>a:hover { text-decoration: underline; font-weight: bold;}

보호되어 있는 글입니다.

브루탈리즘의 개념은 1950년대 영국에서 정립되었으며 전후 유럽의 재건 과정에서 2차 세계대전 이전의 모더니즘 건축에 대한 반작용으로 등장했다. 2차대전 이전의 모더니즘이 추구하던 기능성과 효율성을 한층 더 극대화시켜 외장 없이 노출된 거대한 콘크리트 덩어리 건축물에 규칙적이면서도 상대적으로 적은 창문 노출과 기하학적인 건물 구조를 조성해 표현하는 방식이 특징이다. 브루탈리즘이라는 용어는 프랑스어로 노출 콘크리트를 의미하는 베통 브뤼트(Béton brut)에서 유래됐으며, 이는 프랑스 건축가 르 코르뷔지에가 처음 사용한 표현이다. 어원에 대한 정보가 잘 알려져 있지 않다보니 브루탈리즘의 어원을 '잔혹한', '야성의'를 뜻하는 영단어 'Brutal'로 오인해 '잔혹주의'로 오역하기도 하며, 이는 영미권에서..

1. margin: 숫자;     margin: 10px; 네군데(상/하/좌/우) 모두 10px 여백 지정 2. margin: 위아래여백 좌우여백;     margin: 10px 20px; 위아래여백 10px 좌우여백 20px 3. margin: 위 오른 아래 왼; (시계방향)     margin: 10px 20px 30px 40px; 위10 오른20 아래30 왼40 자동여백 속성으로 가운데 정렬 가능 1) 사이즈가 있어야함     >블럭 요소에만 적용되는 사항 2) auto속성 부여하면 됨 3) 수평정렬 가능     수직 정렬은 제한적인 정렬을 지원함         position 속성(absolute, fixed), display: flex; 등 margin-top 속성은 마진 겹침 현상이 일어날 수..

css를 적용하려면 @charset "utf-8"; /*인코딩 방식 지정*/ 이렇게 css 맨 위에 인코딩 방식을 지정해줘야한다 폰트 패밀리를 적용하려면 갖고오려는 폰트의 html을 긁어와 링크를 일단 붙여넣고css에  h1:nth-of-type(1) {    color: rgb(255, 178, 78);    font-family: "Nanum Brush Script", cursive;}폰트 패밀리를 긁어와 넣어줘야한다 아니면임포트라 되어 있는 부분의 링크를이런식으로 위에 복붙 하고 밑의 css코드에도 폰트 패밀리도 추가하면 됨 텍스트 섀도우 /*text-shadow: x위치, y위치, 번짐 정도, 색상이 필요*/

body>ul{ㅁㄴㅇㄹ}  ㄴ자식한테는 꺽쇠body em{ㅁㅇㄴㄹ}  ㄴ자손한테는 띄어쓰기  의사 클래스: 클래스가 정의된 것처럼 간주함ex) a:link { color: blue; }::before요소의 시작 부분에 콘텐츠를 추가한다.::after요소의 끝 부분에 콘텐츠를 추가한다.:first-child현재 요소의 첫 번째 자식 요소를 선택한다.::filst-letter요소의 첫 글자에 스타일을 정의한다. :link아직 방문되지 않은 하이퍼링크:visited방문된 하이퍼링크:hover요소 위에 마우스가 있는 상태nth-child()요소의 n번째 자식을 선택 네모 모서리 깎기.box{width: 100px; height: 100px; background-color: rgb(179, 226, 255); b..

html에 넣을거면 무조건 body가 아니라 head에 넣어야함

span은 인라인태그다강조요소로 사용되곤 함  블럭요소 vs 인라인요소     div     p블록요소는 너비/높이 속성을 지정해줄 수 있고, 별도의 사이즈를 주지 않으면 기본사이즈 너비는 부모너비 100%이다.높이(auto)는 콘텐츠 높이다. 여러개인 경우 세로배치를 하며 한줄을 다 차지한다.     background-color: lightskyblue; width: 200px;">a태그 ㄴ여기서 width는 적용 안됌    span태그              인라인요소 안에는 블록요소가 존재할 수 없다. (존재한다면 유효성에 어긋남)         ***인라인 요소의 하위요소에 블록요소가 존재하는 경우 부모(인라인) 요소의 display상태를 바꿔야함*** 이름을 잘 써야 위치가 잘 맞아들어감유효경..

링크 주소"># ctrl + 스페이스 바 ../ 보통 네이버같은건 절대주소로 주소 위치가 잘 바뀌지 않지만 상대주소의 경우 폴더나 파일의 위치를 바꿀 경우 주소 수정이 필요하다 여기에target="_blank">타겟 속성 중 "_blank"를 넣어야 새 창으로 뜬다없으면 현재 창이 바뀜_blank링크된 문서를 새로운 윈도우나 탭(tab)에서 오픈함._self링크된 문서를 링크가 위치한 현재 프레임에서 오픈함.기본값으로 생략 가능._parent링크된 문서를 현재 프레임의 부모 프레임에서 오픈함._top링크된 문서를 현재 윈도우 전체에서 오픈함.프레임 이름링크된 문서를 명시된 프레임에서 오픈함.  테이블(표)의 구조     border 속성이 없을 경우 선이 없다(라인의 최소 픽셀은 1)         주석..