css 手稿

CSS

网页的布局和外观的显示样式

选择器

* 通配符选择器

复合选择器

后代选择器

.nav a {

}

.riven ul li {

} 

子元素选择器

不是子子孙孙，只找儿子

div>strong{

}

并集选择器(集体声明)

p和span同时选择

p,

span {

}

交集选择器

既是p 标签 又是 .red 类选择器

p.red{

}

伪类选择器

链接伪类：

a:link     　　未访问的连接。

a:visited   　已经访问的连接。

a:hover　　鼠标移动到连接上。

a:active       选定的连接。

字体 fon-family

fon-family:‘宋体‘

中文字体记得加双引号

中文字体必须用 \588B  \4F53 加双引号

字体粗细font-weight

font-weight: bold   normal    700    400

可以修改 h1标签

css中文手册

字体风格 font-style

font-style:intalic  normal

文本对齐text_align

text-align: left   right   center

行高行间距line-height:

line-height:24px;

首行空四个空格text-indent

text-indent:2em    25px

文本的装饰text-decoration

text-decoration:none  underline line-through  overline

color属性用来自定义文本颜色

SFC 吸取颜色

名字定义

16进制 #

RGB

块级元素

h1   p  dvi   ul  ol   li    

宽度，高度，内边距，外边距 都能控制

div 是一个盒子 可以设置 长 宽   里面放啥都行

注意

p 标签不能放div

h1  dt 文字类的标签只能放文字  不能放其他块级元素

行内元素

a  strong  b  em  i  del  s  ins  u span  

span

一行可以显示多个

高宽没有用 默认文字一样

行内元素 只能包含文本 或者 其他 行内元素    a  不能包a

行内块元素

img  input  td

可以对它可以设置 宽 高  外边距 宽边距

标签的转换

把行内元素转换成块级元素

display：block

把块级元素转换成行内元素

display：inline

都可以转换成行内块标签

a{

display:inline-block

}

16

css 手稿

原文：https://www.cnblogs.com/Rivend/p/12115809.html