HTML,CSS / Cursor Style, inherit, input Tag

Style="Cursor:attribute"

Cursor는 해당하는 위치에 마우스를 갖다댔을 때, 마우스의 모양을 변화시킬 수 있다.

대표 속성은 다음과 같으며, 수많은 속성들이 있다.

-default: 화살표

-auto: 자동

-pointer: 손가락모양(클릭가능 대상 선택시 나타나는)

-wait: 로딩

-move: 손가락모양(drag시 나타나는)

 

ex) <span style="cursor: pointer">Pointer</span>

 

 

 

속성 : inherit

속성에 inherit을 입력해주면, parent element의 속성과 같은 속성을 같게 된다.

ex) color:inherit;   -- parent element의 글자와 같은 색깔의 글자가 됨.

 

 

 

 

Tag: input

사용자에게 입력을 받을 수 있는 입력창을 만들어 준다.

ex)<input placeholder="password" class= "input__text">

 

input창의 placeholder의 style은 css의 "::" 선택자를 통해 지정할 수 있다.

ex) input::placeholder {

color: red; font-style: italic;

}