JOYHO 〉 (Total 1개)

http://joyho.net/dev/20
목차 CSS3 배경 및 변화 된 점 선택자(Selector) 벤더 별 확장 속성 및 브라우저 엔진 이번 연재에서 다룰 CSS3주요속성 CSS3의 새로운 주요속성을 이용하여 간단한 효과주기 Background & Borders / border-image bo…

웹문서 〉 (Total 31,277개)

여러분은 id, class, descendant 기초를 알고 있겠죠. 과연 그게 전부일까요? 그렇다면, 여러분은 폭넓게 적용하지 못하고 있네요. 이 글에서 설명하는 선택자 중에 다수가 CSS3 명세서에 있으며 모던
CSS 선택자는 CSS 규칙을 적용할 요소를 정의합니다.CSS 선택자는 CSS 규칙을 적용할 요소를 정의합니다.
(depth에 상관없이 body안의 p태그는 모두 선택됩니다.) 자식 선택자는 ">"로 분리된 두개 이상의 선택자들로 만들어집니다. 다음과 같이 사용할 수 있습니다.(1depth아래의 자식들만 선택됩니다.) 자식...
웹 표준은 이제 더 이상 무시할 수 없는 키워드입니다. World Wide Web(WWW)의 의미대로 가능한 많은 사람이 웹을 이용하기 위해서는, 모든 브라우저에서 ‘똑같이 보이는 것’이 아니라 ‘각 브라우저에 알맞게 보이는 것’ ...
부모 자식 선택자 개요 선택자1 선택자2 { 속성1:속성값; 속성2:속성값; } 위와 같이 태그이름 사이에 공백을 넣은 선택자는 부모 태그 하위에 있는 태그에 스타일을... ...
CSS 특성 선택자는 주어진 특성의 존재 여부나 그 값에 따라 요소를 선택합니다.

블로그 〉 (Total 11,939개)

CSS 선택자를 이용해 DOM 내부의 원하는 요소를 지정해서 추출할 수 있다. (DOM: document object model... 이외의 선택자는 치팅 시트를 보고 참고하면 된다. 출처: https://medium.com/@welcm/css-selector-cheat-sheet...
CSS 선택자는 웹 문서의 어느 부분에 스타일을 적용할 지 알려주는 것이며 여러 선택자들이 있다. 전체 선택자 : CSS 스타일을 문서의 모든 요소에 적용할 때 사용한다. 전체 선택자는 다음과 같이...
자바스크립트 CSS 선택자 엔진을 사용할 때 활용하는 것도 잊지 마세요. 가능하면, 비공식적인 선택자보다 CSS3 선택자를 항상 사용하세요. 동작은 잘하겠지만, 융통성은...
[html5 &CSS] CSS 기초 속성선택자 a[href]{background-color: gray; color :black; } 에 대해 알아보겠습니다. 직접 코드를 작성하여 실행값을 보면 바로 이해할 수 있는 부분입니다. #속성선택자...
background: seagreen; } h1=선택자 { }= 선언부 color, background=속성 red, seagreen=속성값 1) 아이디 - # ex. id="rd1... 전체선택자=* -페이지의 모든 요소를 가리키는 선택자 전체선택자는 속도를 저하시키는 요인이...
알다시피 CSS 표현식은 아래와 같이 작성된다. 선택자 { 속성1: 값1; 속성2: 값2; } 저기 들어가는게 선택자다. 태그 선택 특정 태그들을 선택하고 싶다면, 그냥 그 태그 이름만 써주면 된다. 그럼...

이미지 〉 (Total 27개)

뉴스 〉 (Total 7개)

html5는 물론 css3 강의 내용으로는 css버튼, css기초, border, cascading, css적용, css예제, 링크, position, border, float, font, display, overflow, bacground-image, padding, 가운데 정렬, 자간, 투명도, transition, 큐브, 선택자, css3소스, css3...
CSS쪽으로는 css 기초부터 스타일시트 웹디자인, 속성값 ,  드롭다운메뉴, div 태그, cascading, 미디어쿼리, 선택자 마크업 등이 있다. 또한 전문적인 교육이 없는 반응형 웹(Responsive Web) 개발 강좌를 진행하고 있어 전문...
또한 html5 css3 강좌를 통해 html5 태그, canvas, 레이아웃, 예제, video, table, css3 그라데이션, 선택자, 애니메이션, font, background 등을 배울 수 있으며, 일반적으로 책으로 배우는 것보다 훨씬 쉽고 효율적으로 배울 수 있다....
css3 부분에서는 스타일시트 웹디자인, solutions(솔루션), 외형정보언어, 링크(link), boder, background-image, hover, 투명도, overflow, float, font position(가운데 정렬, 자간, 선택자) 등의 내용으로 구성되어있다....
또한 css3 maker를 통한 웹표준의 정석과 선택자, transition, animation(애니메이션), edsign book, float:left, 가운데정렬, blorder, position, display, 자간, hover, font, dverflow, padding, 투명도, 주석, foundations, cascading기능 등을 활용해...
개발자들을 위한 개선사항으로 CSS의 가상요소(pseudo-element) 중 '::before'와 '::after' 검사를 지원하고, 마우스 화살표가 올라간 상태를 뜻하는 '호버(hover)' 선택자를 찾아주는 '컴퓨티드 뷰', 새로운 요청 및 응답 헤더를...

지식 〉 (Total 907개)

... 바꾸려먼 css에서 어떻게 선택자를 지정해야하나요? [code] .box-0.box-1{ color:red } // 이렇게하면 box-0 box-1 box-2 클래스를 가진 div도 같이 선택이 돼서요.. [/code] 이렇게 한번 해보세요 .box-0....
... 위의 파란색 부분을 css에 작성하려고 여러 방법을 찾다가 아래의 코드로 찾았습니다. #works div:nth-of-type(6) { } 일단 적용은 되는데 이해가 가지 않아서 질문 드려요. #works 의 핑크색으로 체크한 태그는 왜 카운트 되지...
... 선택자의 앞 부분인 bento 에 의해 먼저 bento 를 찾습니다. 2. 선택자인 :nth-last-child(3) 에 의해 1번에서... 참고로 몇 번째인지를 찾을 땐 모든 자식을 가지고 따지지만 실제로 CSS 내용을 적용할 대상은 앞에...
... img:hover+span 현재 img 요소 전체를 span 요소가 덮고 있어서 img 요소에는 hover 상태가 만들어지지 않기 때문에 위 선택자의 효과가 적용되지 않습니다.
1번그룹 첫번째 2번그룹 첫번째 3번그룹 첫번째 4번그룹 첫번째 이런식으로 html이 있습니다. 각 group의 숫자는 정해져 있지 않습니다. 각 group의 첫번째만 선택되게하려면 어떤식으로 해야할까요? $('.group2...
css 선택자 공부중에 예를 들어 a > i 와 a>i 의 차이가 무엇인가요? 차이가 없을텐데요. 그냥 스타일의 차이겠죠. css 요소들을 전부 붙여 쓰는 사람도 있고 적절하게 띄어쓰는 사람도 있으니

카페 〉 (Total 2,698개)

"효율적인 CSS 작성 방법"인터넷으로 이런 키워드로 검색하면 나와서 css 선택자 읽는 순서는 맨 오른쪽부터 시작한다고 합니다.전 처음엔 왼쪽부터 시작하는줄 알았어요...
■ 발생 환경 : - OS : - 브라우저: - 기타: ■ 문제발생 URL (jsfiddle, jsbin. codepen 등 활용) : - https:// ■ 발생 문제 혹은 질문 사항에 대한 자세한 기술: a만 있는경우 padding-bottom:0을 주고 a 다음에...
만약에 기존의 CSS 값을 바꿔야 되는 경우가 온다면 같은 선택자를 사용해 바꿔주시거나 ,CSS 우선순위로 계산했을때 더 점수가 잘 나오는 선택자를 선택하시거나 !important 선언을...
codepen 등 활용) : ( 이 정보가 불필요 한 질문일 시 삭제 혹은 미기재 ) http:// ■ 발생 문제 혹은 질문사항에 대한 자세한 기술: 안녕하세요 하코사 회원님들 css선택자에 대해 궁금증이 생겨서 문의드립니다....
CSS선택자 오늘부로 마스터 합시다~~
CSS 선택자 CSS 선택자는 특정한 HTML 태그를 선택할 때 사용하는 기능입니다. 선택자를 사용해서 특정한 HTML 태그를 선택하면 우리가 원하는 스타일이나 기능을 적용할 수 있습니다. 2. 태그 선택자 HTML...

책 〉 (Total 230개)

HTML5+CSS3 웹 표준의 정석》의 고경희 저자는 ‘HTML, CSS, 자바스크립트를 한 권으로’ 배우고 싶다는 많은 독자의 요구를 모아 최신 경향을 반영한 이... 또한 최신 웹 표준 기술인 HTML5, CSS3, 자바스크립트(ES6)를 기준으로 설명하며 책의 모든 내용을 압축한 최종 프로젝트 〈웹 사이트 만들기〉 PDF...
HTML5+CSS3 웹 표준의 정석》이 전면 개정 2판으로 더욱 새로워졌다! 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 독자도 쉽고 빠르게 예제를 따라해 볼 수 있는 실습 환경을 제공하여 웹 개발 환경에 빠르게 적응할 수 있도록 했다. 또한 독자들이 직접 만들면서 실습하고, 배운 내용을 복습하고...
이고잉 님의 HTML/CSS/자바스크립트 강의는 이미 많은 분들에 의해 검증받은 독창적인 강의로 손꼽히고 있습니다. 단순히 HTML/CSS/자바스크립트 기술을 알려주는 데서 그치는 것이 아니라 무엇을... HTML/CSS/자바스크립트를 배운다면 기본은 물론 응용력까지도 금세 키울 수 있을 것입니다. ★ 이 책에서...
현재 Developer Technologies 분야 마이크로소프트 최고 기술 전문가로 활동 중이며, HTML과 DHTML(Dynamic HTML), CSS, Javascript 등 웹 관련 기술들을 좀 더 쉽게 익힐 수 있는 서적 40여 종을 집필했다. 대표 저서로는 이지스퍼블리싱의 『Do it! HTML5+CSS3 웹 표준의 정석』, 『Do it! 프런트엔드 웹...
예제 중심으로 재미있게 HTML과 CSS 익히기! 실전 웹 페이지 제작과 반응형 웹 마스터! 2016년 출간한 『HTML & CSS for Beginner』의 후속 버전으로 HTML과 CSS를 처음 접하는 초보자를 대상으로 하였다. 다양한 예제를 통하여 쉽고 재미있게 HTML과 CSS의 기초를 확립할 수 있게 한다. 책의 내용은...
HTML+CSS 입문서에서 타깃을 디자이너에게 집중하여, 실무에서 자주 사용되지 않는 태그 및 CSS 속성들을 걷어내고 시각적으로 좀 더 디테일을 만들어주는... 이 책의 특징 - 실무에서는 잘 쓰이지 않는 태그와 CSS 속성은 과감히 덜어냈다. - UI/UX 디자이너가 종종 하는 실수를 개발자 입장에서 예리하게 짚어주고...