CSS 스타일 및 특성

CSS 스타일

내부 스타일 화학식 (인라인 스타일)의 선, 외부 스타일 시트 (외부 쇄) CSS 스타일 세 가지로 구분

  • 내부 스타일 :

머리에 CSS 스타일

  • 인라인 형 (인라인 스타일) :

태그의 CSS 스타일

  • (체인 외부) 외부 스타일 :

로, 새로운 스타일의 CSS 파일을 만듭니다

머리에 연결, Tab 키를 입력 한 다음 CSS의 외부 스타일에 대한 링크를 누르십시오

CSS 선택기

① 태그 선택기 (선택 소자)

구문 : 태그 이름 {속성 1 : 1 속성 값; 속성 2 : 속성 값 2; ... 속성 N : 속성 값 N;} 또는

요소 이름 {속성 1 : 1 속성 값; 속성 2 : 속성 값 2, ... N 속성 : 속성 값 N} 

 

② 클래스 선택

구문 : 클래스 이름 {속성 1 : 1 속성 값; 속성 2 : 속성 값 2; ... 속성 N : 속성 값 N}  참고 : 클래스 이름은 점 영어의 전면에 추가

③ 멀티 클래스 이름 선택

구문 : <태그 명 클래스 = "등급 등급 명 1 ... 2"> </ 태그 이름>  주 : 공간 (2)에 의해 분리 된 클래스 이름을 가지는 클래스 명, 두 개의 서로 다른 클래스

 

시간과 CSS 스타일 표시 클래스 이름의 순서에 관계없는 TML 요소까지와 CSS 스타일에 대해 작성하여 순서 아래로

④id 선택

구문 : 이름 #ID {속성 1 : 1 속성 값; 속성 2 : 속성 값 2, ... N 속성 : 속성 값 N;}  참고 : 이름 앞에 ID 번호는 왼쪽으로, 만 사용하여 선택의 ID를 반복 할 수 없습니다 수 한 번

⑤ 와일드 카드 선택

페이지를 일치하는 모든 요소

CSS 스타일 속성

font-size: 字号大小,常用单位为em或px,一般我们使用px为多
font-family: 字体样式(宋体,微软雅黑等)
font-weight: bold; 字体加粗 也可以写成 font-weight:700;
font-weight: normal; 正常字体 也可以写成 font-weight:400;
font-weight: bolder; 特粗体
font-weight: lighter; 字体变细
font-style: 字体风格
font-style: normal 正常
font-style: italic 斜体
font-style: oblique 倾斜

语法:选择器{font: font-style font-weight font-size/line-height font-family;}

语法顺序是固定的,用空格隔开

用法:例:h1{font: 400 16px "宋体"}

css外观属性

color: 文本颜色
line-height: 行间距 单位为 px、em、%
text-align: 内容水平对齐方式 left、right、center
text-indent: 2em  段落首行缩进两个汉字(1em表示1个汉字)
text-decoration: 文本的装饰
    text-decoration: none; 默认无装饰效果
    text-decoration: underline; 下划线,一般在a链接使用
    text-decoration: overline; 定义文本上的一条线,上划线
    text-decoration: line-through; 穿过文本的一条线,删除线

明日接下去更新

 

추천

출처www.cnblogs.com/ld-xiaoluohao/p/11210846.html