Dev Note 썸네일형 리스트형 웹에서 사용할 수 있는 기능인가 체크 : 캔아이유즈 caniuse https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development commu caniuse.com 예를 들면, CSS의 grid 기능을 웹브라우저에서 사용할 수 있는지 확인하려면_?! 캔아이유즈에서 확인하.. CSS 그리드 개념 grid https://opentutorials.org/course/3086/18322 See the Pen gOazerx by PSK (@psklog) on CodePen. ref) 캔아이 유즈 : 2020/04/19 - [공부하기/Ref.] - 웹에서 사용할 수 있는 기능인가 체크 : 캔아이유즈 caniuse div : 2020/05/10 - [공부하기/CSS] - CSS 연습해보기div태그 박스모델에서 보면, 목록 과 본문이 옆으로 나란이 나열되어 있다. -> '그리드 grid'를 이용해서 만들어보자. 1. 그리드 속성 적용하기 - display : grid; 2. 각 컬럼 사이즈 지정해주기. - grid-template-columns: 150px 1fr; #grid{ display:grid; grid-te.. CSS 박스 모델 (box model) https://opentutorials.org/course/3086/18319 박스모델 - 생활코딩 CSS box model 소개 강의 소스코드 변경사항 박스 모델을 써먹기 강의 소스코드 변경사항 opentutorials.org 위 같은 모델 : 박스 모델 WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces writt.. CSS 선택자를 알아내는 방법 (selector) https://opentutorials.org/course/3086/18329 Selector ex quest) 링크: 검정색 방문한 적 있는 링크 : 회색 현재 링크(페이지) : 빨간색 태그에 클래스 지정하기 - 방문한 적있는 링크 : saw - 현재 패이지 : active visited page visited and current page - 클래스에 CSS 입히기 .클래스명{ 속성 } a{ color:black; text-decoration: none; } .saw{ color:gray; } .active{ color:red; } : 좋은 코드가 아님! 'active'가 앞에있다면 'saw' 클래스 속성을 따름 -> 'id' 지정하기! - 현재 페이지(active) 를 id로 지정하기 visited.. CSS 속성을 스스로 알아내기 https://opentutorials.org/course/3086/18328 CSS 속성을 스스로 알아내는 방법 - 생활코딩 강의 소스코드 변경사항 opentutorials.org Property : 프로퍼티, 속성에 대해 검색해보고 적용하는 방법을 알아보자. ( 물론 많이 사용해서 익숙해진 속성에 대해서는 바로 적용할 수 있지만, 모르는 속성이라면 쫄지 말고 검색해보면 된다!! ) - Quest ) 큰 제목을 더 크게 / 가운데 정렬해보기 - 대상 : 태그 - size : 45px - 가운데 정렬 1. 글씨 크기 검색 키워드 : css text size property ref) https://www.w3schools.com/css/css_font.asp 2. 가운데 정렬 키워드 : CSS text .. CSS 소개하기 CSS 등장 이전 한계 디자인 데이터 : 정보 데이터가 아님. 각각 태그에 적용 ->중복 : 많은 태그를 동시에 처리 할 때 큰일 CSS 등장 효과 태그 별 관리 : 같은 태그라면, 동시 적용 중복의 제거! 가독성 up. 같은 성질 별 관리 수월 효과적으로유지 보수 수월 CSS 기본 HTML 과 CSS는 완전히 다른 언어이기 때문에, 웹 브라우져로 부터 구분 할 수 있도록 해줘야 합니다. - - Selector : 선택자 - Declaration : 선언, 효과 - Property : 속성 - Property Value : 속성 값 - HTML 속성 : style = " " CSS 참고하기 ) 자바 vs 코틀린 비교 ( feat. android vs oracle) https://blog.codecamp.jp/android-app-development-kotlin 「のみ」「だけ」「きり」はどう違う？ まず使われる場面から三者を比較すると、「のみ」がもっとも形式的（文章語的）で、「だけ」は中立的、「きり」は比較的話し言葉に多く見られます。 形式的側面から見ると、「のみ／だけ」と「きり」の間には分布のずれが見られます。「のみ／だけ」は大抵の格助詞と共起できますが、「きり」は一部共起しにくい格助詞があります。 信用できる企業-と だけ／のみ／×きり 取り引きする。 蛍の幼虫はきれいな水の中-で だけ／のみ／×きり 育つ。 封筒を同封した人 だけ／のみ／×きり -から返事が来た。 また世代差・方言差もありますが、「きり」が「しか」と同じように「～ない」と呼応する形で用いられることもあります。 もう百円きり（＝しか）残っていない。 「だけ／のみ」は「しか」のように「～ない」と呼応することはありません。 ×もう百円だけ／のみ残っていない。 このほか「きり」には「それきり連絡がない」のように「だ.. 이전 1 2 3 4 5 6 ··· 16 다음
