为了账号安全,请及时绑定邮箱和手机立即绑定

HTML+CSS学习记录0403 2

标签:
Html/CSS
1.外部式css<link href="base.css" rel="stylesheet" type="text/css" />;
2.嵌入式:
<style type="text/ccs">
span{ css语句}
</style>
3.内联式:
<span style="css语句"></span>
4.三种方式都有时,相同权值的情况下,就近原则(离被设置元素越近优先级别越高);
5.标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。
6.类选择器:.类名{css样式代码} 定义类选择器,<span class="类名">勇气</span>调用类选择器。
7.ID选择器:用#定义,类用.定义。
8.什么时候用id,什么时候用class? 
W3C标准这样规定的,在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class。这样,一般网站分为头,体,脚部分,因为考虑到它们在同一个页面只会出现一次,所以用id,其他的,比如说你定义了一个颜色为red的class,在同一个页面也许要多次用到,就用class定义。另外,当页面中用到js或者要动态调用对象的时候,要用到id,所以要根据自己的情况运用。自己的语言。
9.  .food>li{border:1px solid red;} 子选择器.,即大于符号(>),用于选择指定标签元素的第一代子元素。
10..food li{border:1px solid red;} 包含(后代)选择器.
11.总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
12.* {font-size:20px;}通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素;
13. a:hover{color:red;}伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式.关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了
14..first,#second span{color:green;}当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,)
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消