- 1.字符实体:
  ; 空格
< ; 显示小于号<
> ; 显示大于号>
© ; 版权声明 - 2.css
- 2.1 文字属性(4种)
(1)文字样式(fs):fsi/fsn font style:italic/normal; 斜体/正常(默认)
(2) 文字粗细(fw): fwb/fwbr/fwl font weight:bold/bolder/lighter; 加粗/比粗更粗/细线(默认)
(3)文字大小(取值:px):fz font size:30px/20px;
(4)文字字体(ff):ff font family:“”;
常用的字体:微软雅黑、黑体、宋体(默认字体) - 2.2备选方案:若设置的字体没有则可
font family: “乱七八糟字体”,“微软雅黑”; - 2.3 若要求英文一种字体,中文一种,则修改英文字体的必须放在前面;
font family: “arial”,“微软雅黑”;
英文常用字体:arial,t... - 2.4 文字属性可缩写:(不常用)
font:style weight size family;
其中style weight 可省略
size family不可省略。 - 2.5文本属性:(3种)
(1)文本修饰(td):tdu/tdo/tdl/tdn text decoration:underline/overline/line-through/none; 下划线/上划线/删除线/没有,正常(常用语超链接去掉下划线)
(2)文本水平对齐(ta):tac/tal/tar text align center/left/right; 中/左/右
(3)文本缩进(ti):ti2e text indent 2em
缩进两个字符(取值:em) - 2.6 color 属性(5种表达方式)
(1)英文:red/green/yellow
(2)rgb:对应三原色red/green/blue
格式:rgb(255,0,0)
取值:0-255
常见:红色:rgb(255,0,0)
绿色:rgb(0,255,0)
蓝色:rgb(0,0.255)
黑色:rgb(0,0,0)
白色:rgb(255,255,255)
灰色:rgb(100,100,100)(数值相同时)
(3)rgba(255,0,0,0)与rgb相同,多了a透明度,取值(0~1)
(4)十六进制:#ff0000
与rgb呼应 两个对应rgb中的一个颜色
例如:ff===red 00===green 00===blue
常见:#ff0000 红色
#ffee00 黄色
(5)十六进制的缩写:
例如:#ff0000
即:#f00 - 2.7 选择器:
(1)标签选择器
选择器(标签){
属性:值;
}
(1)类标签选择器(class)
.选择器{
属性:值;
}
(2)后代选择器
选择器1 选择器2{
属性:值;
}
(3)子元素选择器
选择器1>选择器2{
属性:值;
}
(4)id标签选择器选择器{
}属性:值;
(5)交集选择器
选择器1选择器2{
属性:值;
}
(6)并集选择器
选择器1,选择器2{
属性:值;
}
(7)兄弟选择器 (相邻兄弟 通用兄弟)
-相邻兄弟
选择器1+选择器2{
属性:值;
}
-通用兄弟
选择器1~选择器2{
属性:值;
}
(8)序选择器
同级别
选择器:first-child 同级别中的第一个标签
选择器:last-child 同级别中的最后一个标签
选择器:nth-child(n) 同级别中的第n个标签
选择器:nth-last-child(n) 同级别中的倒数第n个标签
css基础
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...