python学习第四十九天:CSS3新增

Posted luck_L

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了python学习第四十九天:CSS3新增相关的知识,希望对你有一定的参考价值。

1 CSS3 的选择器

1.1 基本选择器

tagName
.className
#idName
*
slector,selector,selector

1.2 层级选择器

selector1 selector2     后代
selectoer1>selectoer2   子元素
selector1+selector2   	紧邻在后面的兄弟元素
selector1~selector	后面所有兄弟元素

1.3 属性选择器

selector[attr]  	包含指定的属性
selector[attr=value]  	指定属性的值
selector[attr^=value]  	属性值以value开头
selector[attr$=value]  	属性值以value结束
selector[attr*=value]  	属性值包含value
selector[][][]          多个属性选择器
  • 属性选择器优先级 同 class

1.4 伪类选择器

/*语法*/
selector:伪类 {
   
}
:link	  未访问的超链接
:visited  访问过的超链接
:hover    鼠标悬停 任意元素
:actived  激活状态的超链接

:focus    获得焦点时

:first-child
:last-child
:nth-child()  	指定数字,也可以指定关键字"odd", "even"
:nth-last-child
:only-child

:fist-of-type
:last-of-type
:nth-of-type()		指定数字,也可以指定关键字"odd", "even"
:nth-last-of-type()
:only-of-type()

1.5 伪元素选择器

::first-letter   第一个字
::first-line     第一行
::before         最前面插入一个子元素
::after		最后面追加一个子元素

2 CSS3 基础

2.1 浏览器私有前缀

-weibkit-*    chrome/safari
-moz-*		 firefox
-ms-*		  ie
-o-*		 opera

2.2 CSS3 新增的颜色

rgba(r,g,b,不透明度)  不透明度:0~1 小数, 数越大,越不透明

2.3 CSS3新增长度单位

px
em	默认字体大小的倍数
rem	根元素字体大小的倍数
vw      窗口宽度分成10050vw
vh      窗口高度分成100

2.4 CSS3新增属性

# 重新设置 盒子模型的规则
box-sizing: content-box(默认) / border-box width/height盒子的宽高)

# 外轮廓  border的外面 不算盒子
outline: 
outline-style
outline-color
outline-width

# 不透明度
opacity 0~1 小数

2.3 设置圆角

border-radius
border-top-left-radius
border-top-right-radius
border-bottom-left-radius
border-bottom-right-radius

以上是关于python学习第四十九天:CSS3新增的主要内容,如果未能解决你的问题,请参考以下文章

shell学习四十九天----进程建立

代码随想录算法训练营第四十九天| 121 买卖股票的最佳时机 122 买卖股票的最佳时机II

走入计算机的第四十九天(JavaScript语言二)

爱创课堂每日一题第四十九天- 什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?

python学习第四十八天json模块与pickle模块差异

python学习第四十二天:前端基础