본문 바로가기

웹표준

CSS3 지원하는 브라우져 열심히 썼다가 죄댜 날려먹었습니다. ㅜㅜ 새로운 기술은 우리의 삶을 더 편안하게 해줍니다. 특히 기술 부분에서의 새로운 것은 만드는 사람들로 하여금 더 쉽고 편하고, 사용하는 사람에게는 더 많고 더 멋진 경험을 할 수 있게 해줍니다. 그래서 저는 항상 새로운 것을 좋아합니다. 새로운 것 그것 뭐 적응하는데도 힘들고, 모두 지원하지도 않는데 왜 사용하느냐는 사람들도 있지만, 저는 그 단점들 보다는 새로운 것이 주는 효율성 기능성 등의 많은 혜택이 더 많다고 생각하기에 저는 새로운 것을 좋아합니다. HTML5 CSS3 도 마찬가지 입니다. 지금은 모든 브라우저에서 지원하지는 않지만, 사용함으로 인해서 정말 많은 효율성을 얻을 수 있었습니다. 예를 들어 한개를 가지고 크그에 따라 움직이는 박스를 만들 수 있었.. 더보기
[CSS] 텍스트 줄바꿈 처리 word-break, white-space 작업을 하다보면 텍스트가 정해진 width를 넘어가는 경우 어떻게 처리해야 하나 고민이 될 때가 있습니다. 그럴 때는 상황에 따라서 이 것들을 사용해서 해결해주면 좋을 듯 합니다. word-break word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다. .selector {word-break:break-all;} 위와 같은 속성을 주게되면 위의 그림의 아래 부분과 같이 단어 중간에서도 줄바꿈이 가능하게 됩니다. 위의 그림이 잘 이해가 가지 않는다면 이.. 더보기
[웹표준] HTML 문서 안에 플래시 넣기 플래시를 넣을 때에 예전에는 테두리가 생기는 것 때문에 스크립트를 사용하여 넣었었다. 하지만 이제는 object 를 사용하여서 넣으면 테두리가 생기지 않고 나온다. 이렇게 넣으면 자바스크립트를 사용하지 않고서도 플래시를 문서에 넣을 수 있다. 더보기
CSS 기본기 선택자 CSS에서의 선택자의 종류는 다양하다. 하지만 주로 사용하게 되는 선택자는 3가지로 압축할 수 있다. 우선 간략하게 이야기하자면, 태그명, 클래스명 그리고 아이디를 들 수 있다. 우선 태그명은 해당 태그명을 가진 모든 앨리먼트를 선택할 때 유용하게 사용된다. 예를 들면, p {margin:0; font-size:13px;}위와 같이 사용하게되면 p라는 태그명을 가진 모든 앨리먼트에 margin과 font-size가 적용된다. 이 방법은 CSS를 초기화 할 때 사용하기 좋다. 두번째로는 클래스명인데 이 것이 가장 많이 사용하는 방법인 것 같다. 우선 다음과 같이 태그에 클래스명을 주고 또 다음과 같이 선택자를 사용해 접근할 수 있다. .selector {border:1px solid #FAA;}위와.. 더보기

반응형