목록CSS (6)

뚜벅이 한걸음

textarea 크기 고정

textarea 를 만들면 textarea의 옆에 크기를 조절할 수있는 삼각형이 생긴다. 하지만 이를 없애고 싶다면 resize : none; 을 사용하면 된다. ​ 그냥 textarea 2. resize: none 설정 ​ ​ 즐거운 개발되길 :-)
CSS 2022. 7. 12. 20:13
span width 설정

span은 iniline element여서 기본 속성상 width 가 먹지 않는다. ​ 그래도 주고 싶으니까 display: inline-block; 을 함께 설정하면 span의 크기를 설정할 수있다. 1. display: inline-block display: inline-block; widht: 100px; ​
CSS 2022. 7. 12. 19:45
css 시각적 효과 주기

1. 텍스트 그림자 test-shadow :h-shadow v-shadow blur-radius color | none 처음 두개의 프로퍼티는 원본 텍스트와 그림자 텍스트 사이의 수직 수평 거리를 설정하는 프로퍼티로 필수요소이다. ​ 2.박스 그림자 box-shadow box-shadow :h-shadow v-shadow blur-radius spread-radius color | none | inset spread-radius 는 그림자의 크기를 말한다. inset은 음각박스로 보이게끔 박스 상단의 안쪽에 그림자를 형성하는 것이다.
CSS 2022. 7. 9. 19:58
CSS 박스 모델

1. 박스의 구성 ​ css는 HTML태그를 콘텐츠, 패딩, 테두리, 여백으로 이어루진 하나의 박스로 본다. ​ ​ 2. 박스를 제어하는 css3 프로퍼티 ​ 1) 박스의 크기 : width, height, margin, padding padding은 콘텐츠를 직접 둘러싸고 있는 내부 여백 margin은 박스의 맨바깥 영역으로 테두리 밖의 다른 태그들과 인접한 공간이다. ​ 박스를 제어하는 css3 프로퍼티 콘텐츠 패딩 테두리 여백 크기 관련 프로퍼티 width height padding-top padding-right padding-bottom border-top-width border-right-width border-bottom-width border-left-width margin-top marg..
CSS 2022. 7. 9. 19:58
CSS3 색과 텍스트 꾸미기

1.색 색은 간단하지만 다양하게 활용이된다. 3가지 방법으로 설정할 수 있고 어디에 색을 지정하는지 프로퍼티에 적으면 된다. ​ color : 색 // 태그의 텍스트 글자색 background-color : 색 //태그의 배경 색 border-color : 색 // 태그의 테두리 색 2.텍스트 text-indent : |; /*들여쓰기*/ text-align : left|right|center|justify; text-decoration : none|underline|overline|line-through; /*텍스트에 줄*/ ​
CSS 2022. 7. 9. 19:57
css 스타일 시트

CSS는 html 문서에 모양, 색, 출력 위치 등 외관을 꾸미는 언어이다. CSS로 작성 된 코드를 스타일 시트라고 부른다. ​ 1. CSS 스타일 시트 구성 Span { color : blue; font-size : 20px;} 셀렉터 { 프로퍼티 : 값; 프로퍼티 : 값; }의 구조로 되어있다. ​ ​ 2. CSS 스타일 시트 만들기 CSS 스타일 시트를 만드는 방법에는 3가지가 있다. ​ 1) 태그에 스타일 시트 작성 :이 태그는 반드시 태그 내에서만 작성 가능. :여러 번 작성이 가능하고 겹쳐서 실행된다. :웹페이지 전체에 적용된다. ​ 2) style 속성에 스타일 시트 작성 :태그 내에 스타일을 입히는 방법으로 가장 우선순위가 높다. ​ 3) 스타일 시트를 별도 파일로 작성하고, 태그나 @i..
CSS 2022. 7. 9. 19:55
이전 Prev 1 Next 다음