Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- react className
- svg 사용
- js 독학
- css 사용팁
- 연애후
- 퍼블리셔 면접
- 팝업 가운데로
- 자바스크립트 독학
- 퍼블리셔 업무
- a 새창 띄우기
- 퍼블 업무툴
- 여자쳐다보는 남친
- 관심가는 차
- 레이어 가운데로
- ios 크로스브라우징
- 경력 퍼블리셔
- css 퍼블 사용
- ios 크로스
- 프론트엔드 개발 독학
- 나는 언제쯤 인연을 만날수 있을까
- react class
- react sass
- js a 새창 띄우기
- 하이브리드앱 크로스브라우징
- 화면 가운데로 띄우기
- 별자리 시전
- 퍼블 면접
- 퍼블리셔 협업툴
- 배울때 태도
- 연애 후 느낀점
Archives
- Today
- Total
코딩룸*◡*
[CSS]반드시 알아야하는 CSS 사용 tip! 본문
1. * 사용을 지양하라!
브라우저에 과부하게 걸리고 사용하기에 적절하지 않기 때문에 사용을 지양합니다.
단, font-famaily는 *에 줘도 무방합니다.
2. id 선택자인 # 사용을 조심스럽게!
id 선택자는 유연성이 없고 재활용할 수 없습니다. 그래서 가능한 처음에 태그명이나 새로운 HTML 요소 중 하나 또는 가상 클래스라도 적어서 CSS를 작성해보세요.
3. :visited와 :link 사용
- :visited 클릭했었거나 방문했던페이지에 있는 앵커 태그
- :link 클릭하기 전 상태의 앵커태그 전체
4. 인접선택자 +를 사용
- ex) ul + p {
}
- 앞의 요소 바로 뒤에 있는 요소만 선택합니다.
반응형
'공부좀 하자 > HTML, CSS' 카테고리의 다른 글
[CSS]하이브리드앱 크로스브라우징 문제(ios) (1) | 2023.06.13 |
---|---|
[CSS] table 테두리 간격 없애기 (2) | 2019.04.04 |
[HTML] SVG(Scalable Vector Graphic)이미지 (0) | 2019.03.21 |
[CSS] transition 속성 (0) | 2019.03.19 |
UI (User Interface) / UX (User Experience) (0) | 2019.03.12 |
Comments