# inline
자바스크립트 인라인
Thymeleaf 내에서 자바스크립트를 편리하게 사용할 수 있는 기능아래의 태그 내에서는 javascript 문법을 사용할 수 있다.scriptString 타입일 경우 “ “ 를 붙여주어야 변수 선언이 가능하다.아래의 예시의 username 은 String 타입이기 때
[Kotlin] Inline modifier
type argument에 refied 한정자를 붙여 사용 가능함수 타입 파라미터를 가진 함수가 훨씬 빠르게 동작비지역적 리턴(non-local return)이 사용 가능type argument에 refied 한정자를 붙여 사용 가능Type parameter가 gene
[CSS] Display – Block, Inline, Inline-Block
[CSS] Display – block, inline, inline-block
CSS inline vs. block vs. inline_block
display: inline 으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 대표적인 엘리먼트로 <span>, <a>, <em> 태그 등이 있습니다.여러 개의 inline 엘리먼트들을 다음과 같이 마크업하면 줄 바
박스 모델
박스 모델 모든 HTML 요소는 박스(box)모양으로 구성되어있다. 우리는 이것을 박스모델(box-model)이라고 부른다. 박스모델은 HTML 요소를 패딩(padding) , 테두리(border) , 마진(margin) 그리고 내용(content) 으로 구분한다.
CSS 기본
웹 브라우저가 읽을 수 있는 언어는 HTML,CSS,JS 세가지 언어 뿐이다.세가지 언어중 HTML은 문서 구조를 담당하고 있다.그리고 오늘의 핵심 주제인 CSS는 단순한 문서 형태인 HTML을 예쁘게 꾸며주고 구조를 잡아주는 역할을 한다.이렇게 CSS는 페이지의 요소
자주 헷갈리는 CSS 개념 3가지 [HTML/CSS 2]
오늘은 display 속성, Selector, box-sizing 속성에 대해서 살펴보겠습니다.
[CSS] display 속성의 가장 기본, inline/block/inline-block 요소 2-5
inline 요소 어떠한 내용물을 포장지로 꽁꽁 싸매어 그 공간만을 차지하는 것. 일정한 바깥 형태나 껍데기가 없고 페이지의 흐름에 따라 다른 텍스트나 컨텐츠와 어우러져 배치된다. width/height 속성을 무시한다. -> margin과 padding 속성의 좌우
[CSS] CSS 개요(box-sizing, inline vs block)
1\. 인라인 방식 <div style="background-color: red;">DIV입니다.</div>속성을 적용할 HJTML 태그에 직접 CSS를 입력해주는 방식(실무에서는 거의 사용X)2\. <style>태그 이용해 html 파일 내 작성반드시
inline-block(centering)에 관한 고찰
라는 마음에, 몇 개를 테스트 해보게 되었다.강쥐 사진은 우리 강아지 귀여운 망고다..아무튼이상하게 img태그에 display : block;을 줘도 위의 h1의 block 속성처럼 영역을 다 차지하지 않는것이다..그래서 궁금함에 구글링해본 결과h태그 안에 있는 텍스트
[CSS] inline 또는 inline-block 요소들 사이에 생기는 빈 공간
상기와 같이 display를 inline 및 inlinde-block으로 했을경우 생기는 공백 이유와 없애는 방법을 알아보자 이유 우리는 엔터가 들어간 부분에 아무런 문자가 없다고 생각하지만, 실제로는 줄바꿈 문자가 들어가 있다 CSS는 이러한 줄바꿈 문자를 공백 문자와 동일하게 처리한다 코드에 줄바꿈이 있으면, 출력결과에서 span 또는 div(...
inline
C++에서의 함수 호출 과정함수가 호출되면 우선 스택에 함수로 전달할 매개변수와 함께 호출이 끝난 뒤 돌아갈 반환 주소값을 저장하게 됩니다.그리고서 프로그램의 제어가 함수의 위치로 넘어와 함수 내에 선언된 지역 변수도 스택에 저장합니다.그때부터 함수의 모든 코드를 실행
inline의 사이와 사이
요소를 보면 그 사이사이가 띄어져있다. 들은 사이가 좋지 않은 것인가... 감정 없는 요소들일테니 사이가 안 좋을리 없다. 그렇다면 코드에 무슨 문제가 있는 것 아닐까 한 번 확인을 해보자. inline의 사이 요소들은 가로로 배치된다. > 그런데 자세히 보면 요
inline-block
inline-block을 쓰는 이유와 불편한점, 이점을 알아보겠다효과를 주면 가로배치가 잘 되지만 보다시피 공백이 생긴다이 공백은 왜 생기는 것일까?인라인 이라는 개념을 알아야 한다인라인 이라는것은 우리가 사용하는 텍스트를 이야기한다이 텍스트는 기본적인 방향이 가로 방
CSS_selector, display 속성
CSS(Cascading Style Sheet)은 마크업 언어로 작성된 문서의 모습을 '설명'하는 것. 레이아웃, 색상 및 글꼴을 포함하여 내용과 프레젠테이션을 분리할 수 있게 설계하여 콘텐츠 접근성을 향상시켜주는 역할을 한다. Author Style (CSS 제공)
