基本CSS的使用这篇就够了

css的书写规范

一般写在<head></head>标签的<style></style>中

css的基础选择器

选择器的作用就是找对标签即定位的作用

标签选择器:

把某一类标签全部选出来如上面的h3;

类选择器:

多类名的情况:就是给一个标签设置多个class名,这几个名字都可以定位到此标签

id选择器:

通配符选择器:

基础选择器总结:

css字体属性

font-family字体系列:

中间英文有空格的要用引号引起来

font-size字体大小:

谷歌浏览器默认16px

font-weight字体粗细:

font-style文字样式

字体复合属性:

字体总结:

css文本属性

文本颜色color:

文本对齐text-align:

装饰文本text-decoration:

文本缩进text-indent:

行间距line-height:

总结:

css的引入方式:

内部样式表:

行内样式表:外部样式表:

总结:


css的复合选择器

后代选择器:

子元素选择器:

并集选择器:

伪类选择器:

分为链接和结构伪类选择器

链接伪类选择器

a:link   //未访问的链接   a:visited  //已访问的链接 

a:hover   //鼠标移动到链接上  a:active   //选定的链接

 写链接伪类的时,最好上面的顺序依次写。顺序错了可能导致一些问题。lvha简单记住这个4个字母。按这个顺序。lv包包,hao 好。

:focus伪类选择器:

总结:

css的元素显示模式:

块元素:

行内元素:

行内块元素:

总结:

元素显示模式的转换:

css的背景

背景颜色:

背景图片:

背景平铺:

背景图片位置:

背景图像固定:

背景复合写法:

背景颜色半透明:

总结:

emmet语法(快捷键)

css三大特性

层叠性:

继承性:

行高的继承:

优先级:

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值