- 1、本文档共12页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
权重、字体
复习:
1、button/button
type: button submit
2、iframe/iframe
src 要链接到哪个地址
frameborder 边框
3、CSS选择器
选择器{
属性:值;
属性:值;
}
选择器{属性:值;属性:值}
在上网的时候你会发现所有的CSS都在一行上面。这个是因为它经过压缩了。
4、使用的方法:
1、在HTML标签中使用style属性。
span style=/span
2、内嵌方式
在head头里面写
head
style
选择器{
/*属性:值;*/
属性:值;
}
/style
/head
3、外部导入
link rel=stylesheet type=text/css href=连接的地址/
5选择器:
id #
class .
标签选择器
组合选择器
E F
E F
E + F
E ~ F 选择匹配的F元素,且位于匹配的E元素的后面的所有匹配的元素
:link
:visited
:hover
:active
你要掌握一个“爱/恨原则” LoVe / HAte(Link - Visited - Hover - Active)
E:first-child
E:last-child
E:nth-child(n)
E:nth-of-type(n)
E:nth-last-child(n)
E:nth-last-of-type(n)
E[attr]
E[attr=val]
E[attr*=val]
E[attr^=val]
E[attr$=val]
今日课程:
1、教你学数学 ,权重问题
1、一个标签选择器 1
2、类选择器 10
3、id选择器 100
4、一个内联方式的值是 1000
5、伪类选择器 10
6、属性选择器 10
8、层次选择器拆开来相加着分
a b
注意:
1、数值越大,权重越高
2、权重值相同的情况下最后一个样式胜出
2、上网的时候,经常会看到网页中内容有不同的大小、颜色、字体。这样能够更好的让用户知道要看到的内容。
1)字体的属性
font-family:指定想要的字体
格式:font-family:字体1,字体2,字体3.....
注意:
1、如果font-family里面的字体都没有那么将使用web浏览器默认的字体显示。
2、font-family将会使用参数表中第一个找到的字体。
3、有写字体有空格,如果字体有空格可以使用引号引起来
4、这个字体是必须在在用户的电脑上面有,才会有效
font-size:修改字体的大小
格式:font-size:字体的大小
单位:
px:像素。
百分比:按照基准的文本尺寸(大部分的浏览器的基准文本尺寸大小为16px)的百分比来进行计算
em:按照基准文本尺寸来进行计算(1em=16px)
font-style:定义字体的风格
格式:font-style:风格
值:
normal,默认值
italic,显示成斜体
font-weight:定义字体的粗细
格式:font-weight:粗细的值
值:
normal,默认值
文档评论(0)