css第二天技术总结.ppt

字体名称 英文名称 Unicode?编码 宋体 SimSun \5B8B\4F53 新宋体 NSimSun \65B0\5B8B\4F53 黑体 SimHei \9ED1\4F53 微软雅黑 Microsoft?YaHei \5FAE\8F6F\96C5\9ED1 楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312 隶书 LiSu \96B6\4E66 幼园 YouYuan \5E7C\5706 华文细黑 STXihei \534E\6587\7EC6\9ED1 细明体 MingLiU \7EC6\660E\4F53 新细明体 PMingLiU \65B0\7EC6\660E\4F53 子代选择器: 只选择儿子辈的元素 divp{color:red} 属性选择器: 标签属性设置样式 p[class][id]{color:red} * * css基础 复习 css:语法格式 选择器{属性:值; 属性:值;} css:书写位置 style 选择器{属性:值; 属性:值;} /style css:文字基本属性 corlor:文字颜色 font-style:文字格式 normal 字体正常 italic 文字斜体 font-weight:文字粗体 normal 字体正常 bold 文字加粗=700 font-size:文字大小 font-family :文字字体 字体font-family详解： 可以写中文，必须写引号。如果有多个英文单词组成，也需要加引号 microsoft yahei 多个字体用逗号隔开， unicode 字体 通过escape()获取对应的unicode字体 css:font属性连写 font:font-style font-weight font-size font-family css:基础选择器 标签选择器,类选择器，ID选择器,通配符选择器 类选择器命名规范：不能是纯数字，不能是标签名，不建议使用汉字。一般是点+对应样式描述。例如.shadow 一个标签可以同时调用多个类选择器 提取公共类 css:复合选择器 标签指定式选择器，后代选择器，并集选择器 标签指定式选择器:即....又的关系 后代选择器：选择器中间用空格隔开 并集选择器：多个标签相同的样式集体申明 css样式类型 内联式(行内式) p style=color:red/p 作用当前行，不可以重用 内嵌式 style p{color:red} 作用整当前页，可是实现重用 /style 外联式 link rel=stylesheet href= 作用整个网站，完全可以重用 HTML标签元素的分类 -根据环境需求 人可以分为三种人。（白种人，黄种人，黑人） -html标签根据显示模式不同 分为三类 1块级标签 2行内标签 3行内块标签 块级标签 -什么是块级标签：在html中div、 p、h1、form、ul 和 li就是块级元素 -块级标签三特点： 1一个块级元素独占一行 2元素的高度、宽度、行高以及顶和底边距都可设置。 3元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度 块级元素练习 绘制2个盒子，体会一下块级元素 行内元素 -行内元素： 在html中a、span、br、i、em、strong、label等等属于行内元素 -行内元素三大特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变（废话）。 行内块元素 -行内块元素： html 中img、input标签就是这种内联块状标签 特点： 内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点 显示模式相互转换 -将行内元素转换为块级元素