前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Python 基础知识学习

Python 基础知识学习

作者头像
李振
发布于 2021-11-26 07:26:24
发布于 2021-11-26 07:26:24
49200
代码可运行
举报
文章被收录于专栏:乱码李乱码李
运行总次数:0
代码可运行

Python 数据类型

这里只列举一些PythonJava和JavaScript不一样的地方,如果你有任何语言基础,相信看完这篇文章就可以轻松写Python程序。

字符串

Py字符串可以用单引号 ‘…’,双引号**"…"**,三引号 ‘’’…’’’ 表示, 可以把单引号放在双引号里面。如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> print("I'm OK") 
I'm OK

>>> print('I\'m OK') #使用转义字符
I'm OK

如果字符串里面有很多字符都需要转义,就需要加很多\,为了简化,Python还允许用r’…‘表示’…'内部的字符串默认不转义

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> print('\\\\')
\\

>>> print(r'\\\\')
\\\\

如果字符串内部有很多换行,用\n写在一行里不好阅读,为了简化,Python允许用’’’…’’'的格式表示多行内容

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> print('''Hello
... World!
... I'm Leo!''')

Hello
World!
I'm Leo!

注意这里的 **’**没有使用转义字符也能打印出来,不过安全起见,可以写成如下形式:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> print(r'''Hello
... World!
... I'm Leo!''')

Hello
World!
I'm Leo!

表示既能识别换行,又能默认不转义。这个用处大大地,可以做一些多行文本的处理,如果有保留内容样式的需求,也能够很好地满足。

字符串格式化

在Python中,采用的格式化方式和C语言是一致的,用%实现

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> 'Hello, %s' % 'world'
'Hello, world'

>>> 'Hello, %s, %d time' % ('world', 3)
'Hello, world, 3 time'

在字符串内部,%s表示用字符串替换,%d表示用整数替换,有几个%?占位符,后面就跟几个变量或者值,顺序要对应好。如果只有一个%?,括号可以省略。

常见的占位符有: %d——整数 %f——浮点数 %s——字符串 %x——十六进制整数

格式化整数和浮点数还可以指定是否补0和整数与小数的位数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> '%2d - %02d' % (2,1)
' 2 - 01'

>>> '%2.f' % 3.14
' 3'

>>> '%.2f' % 3.1415
'3.14'

如果你不太确定应该用什么,%s永远起作用,它会把任何数据类型转换为字符串:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> 'Age: %s. Gender: %s' % (25, True)
'Age: 25. Gender: True'

如果字符串里面的%是一个普通字符怎么办?这个时候就需要转义,用%%来表示一个%

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> 'growth rate: %d %%' % 7
'growth rate: 7 %'

布尔值

布尔值与JavaScript和Java的区别就是 TrueFalse 开头大写,除此之外,逻辑运算是用 and, or和not进行运算。暂时只知道这点区别。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> age=1
>>> if age >= 18:
...     print('adult')
... else:
...     print('teenager')
...
teenager

空值

Py里面的空值用 None 表示,逻辑运算时,None相当于False

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> None==None
True
>>> if(not None):
...     print('Leo')
...
Leo
>>> not None
True

变量

Python中变量名必须是大小写英文、数字和 _ 的组合,且不能用数字开头。 Py定义一个变量异常简单,只需要写变量名 =XX 即可。由于Py是动态语言,所以变量的数据类型可以随意切换。

常量

在Java中一般使用final关键字定义常量, final常量一般在声明的同时赋初值,也可以在构造函数中赋初值,为了节省内存空间,我们常将变量声明为静态的(static)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
static final double PI=3.1415926;

在JavaScript中,ES6标准也增加了对常量的支持,使用const关键字

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const MY_FAV = 7;

Python中没有真正意义的常量,不过如果你见到全部用大写字母表示的值,最好谨慎一些。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
PI = 3.14159265359

计算

Py中有两种除法,一种是浮点除法,一种是整除。 浮点除法 / 无论是否整除结果都是浮点数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> 10/3
3.3333333333333335

还有一种除法是//,称为地板除,两个整数的除法永远是整数,就像Java一样。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> 10//3
3

数据类型转换

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> int('123')
123
>>> int(12.34)
12
>>> float('12.34')
12.34
>>> str(1.23)
'1.23'
>>> str(100)
'100'
>>> bool(1)
True
>>> bool('')
False

list

list是一种有序的集合,可以随时添加和删除其中的元素。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> students=[1,'xiao',True]
>>> len(students)
3
>>> students[0]
1
>>> students[2]
True

>>> students[3]
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
IndexError: list index out of range

当索引超出了范围时,Python会报一个IndexError错误 如果要取最后一个元素,除了计算索引位置(len()-1)外,还可以用-1做索引,直接获取最后一个元素

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> students[-1]
True

常用操作有: append(), insert(index, value), pop(), pop(index),

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> students.append('Leo') #追加一个元素
>>> students
[1, 'xiao', True, 'Leo']

>>> students.insert(2, False) #插入一个元素
>>> students
[1, 'xiao', False, True, 'Leo']

>>> students.pop() #删除末尾元素
'Leo'
>>> students
[1, 'xiao', False, True]

tuple

中文名叫做元组,tuple也是有序列表,tuple初始化后就不能修改,使用起来更加安全。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> names=('Jack', 'Lucy', 'Leo') #tuple定义的时候元素就必须确定下来
>>> names 
('Jack', 'Lucy', 'Leo')

>>> names=(True,) #如果只有一个元素, 要与小括号进行区分
>>> names
(True,)          #Python在显示只有1个元素的tuple时,也会加一个逗号

>>> t=() #定义一个空的tuple
>>> t
()

值得注意的是tuple所谓的不变,指的是每个元素的指向不变,如果指向的的对象发生了改变,tuple也是可变的。例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> t = ('a', 'b', ['A', 'B'])
>>> t[2][0] = 'X'
>>> t[2][1] = 'Y'
>>> t
('a', 'b', ['X', 'Y'])

条件判断

写一个sample就什么都明白了

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
age = 16
if age >= 18:
    print('adult')
elif age >= 6:
    print('teenager')
else:
    print('kid')

elif 是else if的缩写

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
if x:
    print('True')

只要x是非零数值、非空字符串、非空list等,就判断为True,否则为False

input

使用input可以获取用户的输入

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> age=input()
21
>>> age
'21'

不过可以看出input获取的值为字符串,所以可以使用int(age)进行数据类型转换

循环

for in循环

for…in循环依次把list或tuple中的每个元素迭代出来, 并且代入变量,然后执行缩进块的语句。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> for x in range(3):
...     print(x)
...
0
1
2

range() 可以生产一个整数序列, 通过list()函数可以转换为list。比如range(5)生成的序列是从0开始小于5的整数, range(2, 4)生产序列从2开始,小于4的整数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> range(3)
range(0, 3)

>>> list(range(3))
[0, 1, 2]

>>> list(range(2,4))
[2, 3]

while循环

while循环与Java和JS几乎没有什么区别,只是格式有点不一样

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
sum = 0
n = 99
while n > 0:
    sum = sum + n
    n = n - 2
print(sum)

dict和set

dict

Python中的dict就是字典,相当于JavaScript和Java中的对象或者map。 总体来说,Python dict的使用方法与JavaScript对象相似。 我们首先来看一下如何定义一个Python字典

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> ages={'Leo':20,'Jack':25,'Lucy':34}
>>> ages
{'Leo': 20, 'Lucy': 34, 'Jack': 25}
>>> ages['Leo']
20

dict的优点是查找速度快,想象一下,你通过字典去查一个字,是不是先通过拼音或者偏旁找到这个字所在的页数,然后直接翻到这一页。所以无论找哪个字,这种查找速度都非常快,不会随着字典大小的增加而变慢。这就是dict的优势所在。

如果key不存在Python会报错

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> ages['Pig']
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
KeyError: 'Pig'

可以通过in判断key是否存在

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> 'Leo' in ages
True

通过get获取key对应的value,如果key不存在,返回None。也可以自己指定key不存在时候的返回值。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> ages.get('Lucy')
34
>>> ages.get('Lu')
>>> ages.get('Lu', 30)
30

和list比较,dict有以下几个特点:

  1. 查找和插入的速度极快,不会随着key的增加而变慢;
  2. 需要占用大量的内存,内存浪费多。

而list相反:

  1. 查找和插入的时间随着元素的增加而增加;
  2. 占用空间小,浪费内存很少。

所以,dict是用空间来换取时间的一种方法。

set

set是一个没有重复元素的集合,这点和Java、JavaScript一样。用法也非常相近

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> s = set([1, 1, 2, 2, 3, 3])
>>> s
{1, 2, 3}

>>> s.add(4)
>>> s
{1, 2, 3, 4}

>>> s.remove(4)
>>> s
{1, 2, 3}

Python中的set可以做交集和并集,这点就比较强大了

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> s1 = set([1, 2, 3])
>>> s2 = set([2, 3, 4])
>>> s1 & s2
{2, 3}
>>> s1 | s2
{1, 2, 3, 4}

函数

内置函数

Python提供了很多内置函数,并且有详细的文档可以参考,地址: https://docs.python.org/3/library/functions.html 后面会写一个内置函数讲解的的blog,敬请期待

定义函数

Python使用def定义一个函数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
def  my_abs(x):
    if x >= 0:
        return x
    else:
        return -x
  1. 函数如果没有return语句,默认返回None
  2. return None = return
  3. 通过from …(文件名) import …(函数名)导入函数
  4. 函数中还可以使用pass,表示什么都不做
  5. 函数可以返回多值(tuple)
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
>>> def cal(x, y):
...     add = x + y
...     sub = x - y
...     return add,sub
...
>>> a1, a2 = (5, 3)
>>> a1
5
>>> a1, a2
(5, 3)

参数

Python函数的参数相较Java和JavaScript强大很多,除了正常定义的必选参数外,还可以使用默认参数、可变参数和关键字参数,使得函数定义出来的接口,不但能处理复杂的参数,还可以简化调用者的代码。

默认参数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
def power(x, n=2):
    s = 1
    while n > 0:
        n = n - 1
        s = s * x
    return s
power(5) #25

power(5, 2) #25

power(5, n=3) # 125

定义默认参数要牢记一点:默认参数必须指向不变对象! 这是为什么呢?我们举一个例子:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
def test(lang=[]):
  lang.append('python')
  return lang

当老实调用时,结果如你所愿

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
print(test(['js','go']))  #['js', 'go', 'python']
print(test(['c','java']))  #['c', 'java', 'python']

但是如果多次使用默认参数调用时

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
print(test())  #['python']
print(test())  #['python', 'python']

分析: 函数在定义的时候,默认参数lang的值就已经声明了,即空的 [],也就是说 默认参数 指向对象 [],在多次调用默认参数的情况下,就改变了默认参数指向对象的数据,默认参数 指向对象的数据变了,下次再调用时,默认参数已经变了,而不再是你希望的空的[]

为了便于理解等同下面这段:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
temp = []
def test(lang=temp):
  lang.append('python')
  return lang

重新修改代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
def test(lang=None):
  if lang is None:
    lang = []
  lang.append('python')
  return lang

总结: 定义函数默认参数时,函数默认参数必须指向不变对象,建议使用 None,str 这些不可变对象处理

可变参数

可变参数就是传入的参数个数是可变的,可以是1个、2个到任意个,还可以是0个。

假如要定义一个求和函数,传入参数个数不可知,用一般的方式定义

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
def sum(numbers):
    sum = 0
    for n in numbers:
        sum = sum +n
    return sum

但是调用的时候,需要先组装出一个list或tuple:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
sum([1,2,3]) #6
sum((1,2,3)) #6

使用可变参数定义:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
def sum(*numbers):
    sum = 0
    for n in numbers:
        sum = sum + n
    return sum

调用的时候就可以传入任意参数了

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
sum(1,2,3) #6

关键字参数

可变参数允许你传入0个或任意个参数,这些可变参数在函数调用时自动组装为一个tuple。而关键字参数允许你传入0个或任意个含参数名的参数,这些关键字参数在函数内部自动组装为一个dict。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
def person(name, age, **kw):
    print('name:', name, 'age:', age, 'other:', kw)

函数person除了必选参数name和age外,还接受关键字参数kw。在调用该函数时,可以只传入必选参数,也可以传入任意个数的关键字参数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
person('Leo', 18)  #name: Leo age: 18 other: {}
person('Bob', 35, city='Beijing')  #name: Bob age: 35 other: {'city': 'Beijing'}
person('Adam', 45, gender='M', job='Engineer')   #name: Adam age: 45 other: {'gender': 'M', 'job': 'Engineer'}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-08-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
CSS3实现“图片阴影”效果
利用多投影重叠的原理,实现曲线阴影与翘边阴影的效果,花一个小时看完的课程,理解的似懂非懂。直接发一下老师写的成品吧。用到来取。css都补上了注释。
AlexTao
2019/12/13
2K0
CSS3实现“图片阴影”效果
收集整理一些css3的图片阴影效果
主要利用gradient,transform,配合after以及before伪元素来实现各种图片阴影,卷角效果。 <!DOCTYPE HTML> <html lang="en-US"> <head>
练小习
2017/12/29
7520
CSS3实现图形曲线阴形和翘边阴影
本文首发于前端Q公众号,时间为2016年03月12日,由于当时没标原创,现重发一下标注原创...
winty
2019/12/21
8820
CSS3实现图形曲线阴形和翘边阴影
CSS魔法堂:Box-Shadow没那么简单啦:)
前言  说起box-shadow那第一个想法当然就是用来实现阴影,其实它还能用于实现其他好玩的效果的,本篇就打算说说box-shadow的那些事。 二话不说看效果 3D小球 <style type
^_^肥仔John
2018/01/18
1.3K0
CSS魔法堂:Box-Shadow没那么简单啦:)
CSS3导航菜单背景模糊特效代码解析/源码下载
在第一个demo中,我们希望菜单项在开始时是模糊的。为了做到这一点,我们给超链接元素透明的颜色和白色的文字阴影。并为所有的属性添加transitions。
用户5997198
2019/08/12
1.8K0
CSS3导航菜单背景模糊特效代码解析/源码下载
【CSS进阶】巧用伪元素before和after制作绚丽效果
原创:叫我詹躲躲 来源:掘金 链接:巧用伪元素before和after制作绚丽效果
微芒不朽
2022/09/06
1.8K0
【CSS进阶】巧用伪元素before和after制作绚丽效果
好看的鼠标hover效果
参考文档'https://www.w3school.com.cn/cssref/index.asp#animation'
小小咸鱼YwY
2020/06/19
2.7K0
CSS3
http://caniuse.com/ 1、私有前缀及其用法 .round{ -khtml-border-radius: 10px; / Konqueror / -rim-border-radius: 10px; / RIM / -ms-border-radius: 10px; / Microsoft / -o-border-radius: 10px; / Opera / -moz-border-radius: 10px; / Mozilla (如 Firefox) / -webkit-border-radius: 10px; / Webkit (如 Safari 和 Chrome) / border-radius: 10px; / W3C / }
py3study
2020/01/10
6220
「兔了个兔」福兔贺春,纯CSS实现超精美月兔404界面(附源码)
💂作者简介: THUNDER王,一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学会计学专业大二本科在读,同时任汉硕云(广东)科技有限公司ABAP开发顾问。在学习工作中,我通常使用偏后端的开发语言ABAP,SQL进行任务的完成,对SAP企业管理系统,SAP ABAP开发和数据库具有较深入的研究。 💅文章概要: 各位小伙伴们大家好呀,兔年吉祥,预祝大家来年财源滚滚来!今天给大家带来的分享是一款超精美的月兔404前端界面,希望大家能喜欢! 🤟每日一言: 你可以遗憾,但是你绝对不能
THUNDER王
2023/02/23
3470
「兔了个兔」福兔贺春,纯CSS实现超精美月兔404界面(附源码)
Web - CSS3浮动定位与背景样式
这篇文章主要介绍了 CSS3 中的浮动定位、背景样式、变形效果等内容。包括 BFC 规范与创建方法、浮动的功能与使用要点、定位的多种方式及特点、边框与圆角的设置、背景的颜色、图片等属性、多种变形效果及 3D 旋转等,还提到了浏览器私有前缀。
stark张宇
2025/02/04
1480
转一个css3绘制的iPhone6
css3绘制的iPhone6 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> @font-f
练小习
2017/12/29
5330
49个常用的CSS代码片段,建议整理收藏
text-shadow 为网页字体添加阴影,通过对text-shadow属性设置相关的属性值。
前端达人
2021/07/16
2.2K0
CSS3有哪些好用的属性?
1.前言 在月初的时候,发了CSS3热身实战--过渡与动画(实现炫酷下拉,手风琴,无缝滚动)。js的代码库也发过两次,两篇文章。之前也写了css3的热身实战,既然热身完了,是时候开始封装css3的代码库了,相比起js的代码库,css3的代码库的逻辑性就更加简单了!可以说只要打上注释和一张效果图就可以让大家明白了其中的原理了! 我写代码库的时候,动画效果主要是参考了三个开源项目: nec(http://nec.netease.com/library/category/#animation) hover.css
连胜
2018/03/07
3.4K0
CSS3有哪些好用的属性?
个人总结(css3新特性)
css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但是很难用得好,用得顺手,最近我也在过一遍css3的一些新特性(不是全部,是我在工作上常用的,或者觉得有用的),以及一些实例,就写了这一篇总结!希望,这篇文章能帮到大家认识css3。写这篇文章主要是让大家能了解css3的一些新特性,以及基础的用法,感觉css3的魅力!如果想要用好css3,这个得靠大家继续努力学习,寻找一些讲得更深入的文章或者书籍了!如果大家有什么其他特性推荐的,欢迎补充!大家一起学习,进步!
守候i
2018/08/22
2.4K0
个人总结(css3新特性)
鼠标悬停按钮
  前端的学习不是一蹴而就,不积跬步无以至千里,不积小流无以成江海。持续不断的努力才能让你我有所收获,专业的知识还得到机构去学习,培训机构的设立有其存在的必然性,你钱花对了吗?
我不是费圆
2020/12/17
2.1K0
CSS3实现雪容融自由
前几天写了一篇CSS3实现冰墩墩自由的技术文章,很多人问有没有雪容融的,今天就来啦!
用户5997198
2022/03/28
2580
CSS3实现雪容融自由
Css学习手册之基本篇
Css学习手册之基本篇 每次写前端都是一个痛苦的过程,总是静不下来,彻底的研究下前端的技术,导致每次套页面都是直接采用一些封装好的控件,而有时对这些样式不满意时,又得百度一下该怎么用,低效且不愉快,强制自己好好的学习下基本功 <!-- more --> I. 基本使用姿势 0. 几种css使用姿势 主要有下面三个使用姿势,其中优先级为 c > b > a a.直接引入css文件 b.在html中,直接写css: c.在标签中直接写css <!-- 方式 a --> <link rel="stylesheet
一灰灰blog
2018/04/18
1.9K0
Css学习手册之基本篇
CSS3
box-shadow: h-shadow v-shadow blur spread color inset;
ymktchic
2022/01/18
3930
CSS3
大一作业HTML网页作业:中华传统文化题材网页设计5页(纯html+css实现)
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码:【🔰 Echarts大屏展示大数据平台可视化(150套) 】 🔖 HTML+CSS+JS实例代码: 【🗂️HTML+CSS+JS实例代码 (炫酷代码) 继续更新中...】 🎁 免费且实用的W
IT司马青衫
2022/08/14
2.6K0
大一作业HTML网页作业:中华传统文化题材网页设计5页(纯html+css实现)
CSS3 基础知识[转载minsong的博客]
CSS3 基础知识 1.边框     1.1 圆角  border-radius:5px 0 0 5px;     1.2 阴影  box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展)              box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影)     1.3 边框图像 border-image 2.背景     2.1 background-size background-size:30px 30px;(背景图像宽度,背景图像高度)     2.2    background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 75%,transparent 75%,transparent);(线性渐变,和background-size一起用)     2.3 background-attachment:(fixed|scroll|local)         fixed: 背景图像相对于窗体固定。         scroll: 背景图像相对于元素固定,也就是说当元素内容滚动时背景图像不会跟着滚动,因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。         local: 背景图像相对于元素内容固定,也就是说当元素随元素滚动时背景图像也会跟着滚动,因为背景图像总是要跟着内容。     2.4 background-position:30px 20px;(横坐标,纵坐标;是图片在动)     2.5 background-origin:(padding-box|border-box|content-box)         padding-box: 从padding区域(含padding)开始显示背景图像。         border-box: 从border区域(含border)开始显示背景图像。         content-box: 从content区域开始显示背景图像。 3.文本     3.1 文字阴影 text-shadow:5px 5px 4px #000;(水平,垂直,模糊)     3.2 换行 word-wrap:(normal|break-word)             normal: 允许内容顶开或溢出指定的容器边界。             break-word: 内容将在边界内换行。如果需要,单词内部允许断行。             white-space:(normal|pre|nowrap|pre-wrap|pre-line)             normal: 默认处理方式。             pre: 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界时不换行。可查阅pre对象             nowrap: 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。             pre-wrap: 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。             pre-line: 保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。     3.3 省略号   width:200px;                 overflow:hidden;                 text-overflow:hidden;                 white-space:nowrap; 4.2D变换     4.1 旋转 transform:rotate(45deg);     4.2 移动 transform:translate(45px,45px);(水平,垂直)     4.3 缩放 transform:scale(2,2);(水平,垂直)     4.4 翻转 transform:skew(20deg,40deg);(沿X轴翻转,沿Y轴翻转)     4.5 将以上四个组合在一起 matrix(),需要六个参数,包含数学函数,允许您:旋转、缩放、移动以及倾斜元素。         暂放 5.过渡     5.1 transition : [ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ]         [ transition-property ]: 检索或设
用户3055976
2018/09/12
1.9K0
相关推荐
CSS3实现“图片阴影”效果
更多 >
LV.2
某小国企运维工程师
目录
  • Python 数据类型
    • 字符串
      • 字符串格式化
    • 布尔值
    • 空值
    • 变量
    • 常量
    • 计算
    • 数据类型转换
    • list
    • tuple
  • 条件判断
    • 写一个sample就什么都明白了
    • input
  • 循环
    • for in循环
    • while循环
  • dict和set
    • dict
    • set
  • 函数
    • 内置函数
    • 定义函数
    • 参数
      • 默认参数
      • 可变参数
      • 关键字参数
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档