CSS(慢慢更新)

Css选择器

作用:选择标签用。

基础选择器

标签选择器

直接选择标签

类选择器/id选择器

单独选择一个或者多个。
多类名一个标签可以有多个类名,类名用空格隔开。

.类名 {
}

id选择器只能调用一次。

#id {

}

类选择器和id选择器区别:使用次数不同,类选择器可多个标签使用,id选择器只允许一次调用。

通配符选择器

*表示,一次性选择页面上所有标签。

复合选择器

字体属性

font-family: “字体一”,“字体二”;(多个字体用逗号隔开,字体用引号,多个字体选择由前到后进行选择,都没有则用电脑默认字体)
font-size: 20px;(谷歌默认字体大小为16px,px是像素的意思,一般情况下给整个body的字体一个大小,但是不会影响标题的大小)
font-weight: normal | bold | border | lighter | number;(number为700,和bold一样的效果;number为400,和normal一样的效果,一般情况更提倡用number表示,number没有单位)
font-style: normal | italic;
字体符合属性:font-size,font-family必须有,四个属性必须按照顺序来,否则都会不起作用。

body {
    /*font : font-style  font-weight font-size/line-weight font-family*/
    font: italic 600 16px 'Microsoft yahei',
}

Css文本属性

外观,比如颜色、对齐文本、装饰文本、文本缩进、间距等等。

Css颜色

表示方法:预定义方法,十六进制,RGB代码(rgb(255,255,255)或者rgb(100%,100%,100%));

对齐文本

只能水平对齐,不能居中对齐。
text-align: left | center | right; //默认是左对齐

装饰文本

text-decoration: none | underline | overline | line-through; //line-through是删除线,none是默认的。一般用于给< a >删除下划线。

文本缩进

text-indent: 20px/em; 第一行缩进;em是相对大小单位,相对于font-size的大小,2em是两个字的距离。

行间距

line-height:40px; 行间距=上间距+文字高度+下间距;

总结

在这里插入图片描述

元素显示模式

文字类的元素里面不能使用块级元素。比如< p > ,< h1 >里面不能放块级元素。

盒子模型

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值