css常用代码大全，html+css代码
 
 
 
 
 
 

  html+css可以很方便的进行网页的排版布局，还能减少很多不必要的代码。
 
 
 

  
 
 
 
 
 
  

   一.文本设置
  
 
  

   1、font-size: 字号参数 
   
  
 
  

   2、font-style: 字体格式
  
 
  

   3、font-weight: 字体粗细
  
 
  
 
   

    4、颜色属性
   
 
   

    color: 参数
   
 
   

    注意使用网页安全色
   
 
  
 
  
 
   

    
 
   
 
  
 
  

   二、超链接设置
  
 
  

   text-decoration: 参数
  
 
  

   主要用途是改变浏览器显示文字链接时的下划线。 
   
  
 
  

   参数取值范围： 
   
  
 
  

   underline：为文字加下划线 
   
  
 
  

   overline：为文字加上划线 
   
  
 
  

   line-through：为文字加删除线 
   
  
 
  

   blink：使文字闪烁 
   
  
 
  

   none：不显示上述任何效果
  
 
  

   
 
  
 
  

   三、背景
  
 
  
 
   

    1、背景颜色
   
 
   

    background-color: 参数
   
 
   

    2、背景图片
   
 
   

    background-image: url(URL)
   
 
   

    URL就是背景图片的存放路径，none表示无。
   
 
   

    3、背景图片重复
   
 
   

    background-repeat: 参数
   
 
   

    参数取值范围 ：
   
 
   

    no-repeat：不重复平铺背景图片
   
 
   

    repeat-x：使图片只在水平方向上平铺
   
 
   

    repeat-y：使图片只在垂直方向上平铺
   
 
   

    如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。
   
 
   

    4、背景图片固定
   
 
   

    背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定
   
 
   

    background-attachment: 参数 
    
   
 
   

    参数取值范围：
   
 
   

    fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动
   
 
   

    scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动
   
 
  
 
  

   
 
  
 
  

   四、区块
  
 
  
 
   
 
    

     1、单词间距 
     
    
 
    

     word-spacing: 间隔距离 
     
    
 
    
 
     

      2、字母间距 
      
     
 
     

      letter-spacing: 字母间距
     
 
    
 
   
 
  
 
  
 
   

    3、文本对齐
   
 
   

    text-align: 参数
   
 
   

    参数的取值：
   
 
   

    left：左对齐
   
 
   

    right：右对齐
   
 
   

    center：居中对齐
   
 
   

    justify：相对左右对齐
   
 
   

    4、垂直对齐
   
 
   

    vertical-align: 参数
   
 
   

    top：顶对齐
   
 
   

    bottom：底对齐
   
 
   

    text-top：相对文本顶对齐
   
 
   

    text-bottom：相对文本底对齐
   
 
   

    baseline：基准线对齐
   
 
   

    middle：中心对齐
   
 
   

    sub：以下标的形式显示
   
 
   

    super：以上标的形式显示
   
 
   

    5、文本缩进
   
 
   

    text-indent: 缩进距离
   
 
   

    12px相当于一个文字距离
   
 
   

    6、空格
   
 
   

    white-space: 参数
   
 
   

    normal 正常
   
 
   

    pre 保留
   
 
   

    nowrap 不换行
   
 
   

    7、显示样式 
    
   
 
   

    display: 参数 
    
   
 
   

    参数取值范围： 
    
   
 
   

    block：块级元素，在对象前后都换行 
    
   
 
   

    inline：在对象前后都不换行 
    
   
 
   

    list-item：在对象前后都换行，增加了项目符号 
    
   
 
   

    none：无显示
   
 
  
 
  

   
 
  
 
  
 
   

    五、方框
   
 
   

    1、height 高度
   
 
   

    2、width 宽度
   
 
   

    3、padding 内边距
   
 
   

    4、margin 外边距
   
 
   

    5、float（浮动）：可以让块级元素在一行中排列，例如横向菜单。 
    
   
 
   

    6、clear 清除浮动
   
 
  
 
 
 
 

  
 
 
 
 
 
  

   六、边框
  
 
  

   1、样式
  
 
  

   border style 参数
  
 
  

   边框样式的参数：
  
 
  

   none：无边框 
   
  
 
  

   dotted：边框为点线
  
 
  

   dashed：边框为长短线
  
 
  

   solid：边框为实线
  
 
  

   double：边框为双线
  
 
  

   2、宽度
  
 
  

   border width 参数
  
 
  

   3、颜色
  
 
  

   border color 参数
  
 
 
 
 

  
 
 
 
 
 
  

   七、列表
  
 
  

   list-style-type 列表样式
  
 
  

   不同浏览器的列表符可能不相同，可能会影响到网页，所以网页中的列表大多都是由背景图片显示。
  
 
  

   控制用户界面的样式
  
 
 
 
 

  
 
 
 
 

  八、鼠标
 
 
 

  cursor：鼠标形状参数 
  
 
 
 

  CSS鼠标形状参数表： 
  
 
 
 

  鼠标形状：CSS代码
 
 
 

  style="cursor:hand" 　　　　　手形
 
 
 

  style="cursor:crosshair" 　　十字形
 
 
 

  style="cursor:text" 　　　　　文本形
 
 
 

  style="cursor:wait" 　　　　　沙漏形
 
 
 

  style="cursor:move" 　　　　十字箭头形：
 
 
 

  style="cursor:help" 　　　　　问号形
 
 
 

  style="cursor:e-resize" 　　　右箭头形
 
 
 

  style="cursor:n-resize" 　　　上箭头形
 
 
 

  style="cursor:nw-resize" 　　左上箭头形
 
 
 

  style="cursor:w-resize" 　　　左箭头形
 
 
 

  style="cursor:s-resize" 　　　下箭头形 
  
 
 
 

  style="cursor:se-resize" 　　右下箭头形 
  
 
 
 

  style="cursor:sw-resize" 　　左下箭头形
 
 

systemusers

 登录人姓名：CurrentUser.UserName

 
登录人编号：CurrentUser.UserID
 

 
 
金额大写：NumToRMBStr([金额])  后面的是要计算的字段名称，把这个代码放到金额大写的显示类型里面
 
 
 列表方案过滤条件：
 登录用户编号：Creater='[#登录用户编号#]'  [#登录用户职务#]='273'
 登录用户部门：csbm='[#登录用户部门#]'   这个部门指的是编号  DepartID 字段
 
 
 自动模板：[#xm:{}#]  [%#Bh:{}%] 读取主表和子表的某个字段的值
 

 css代码添加
 背景图片
 常用代码



　　1 背景颜色 {background-color:数值}


　　2 
背景图片
 {background-image: url(url)|none}


　　3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}


　　4 背景固定 {background-attachment:fixed|scroll}


　　5 背景定位 {background-position:数值|top|bottom|left|right|center}


　　6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}


　　1．背景颜色：background-color


　　语法：{background-color:数值}


　　说明：参数取值和颜色属性一样


　　注意：在html当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。这样做比较麻烦，不但代码较多，还要为表格的大小和定位伤些脑筋。现在用css就可以轻松地直接搞定了，而且对象的范围很广，可以是一段文字，也可以只是一个单词或一个字母。


　　例子：给部分文字加背景颜色给部分文字加背景颜色


　　表格背影颜色：style="background-color:red"


　　2．
背景图片
：background-image


　　语法：{background-image: url(url)|none}


　　说明： url就是背景图片的存放路径。如果用“none”来代替背景图片的存放路径，将什么也不显示。


　　例子：给部分文字加背景图片 .imgbgstyle { background-image: url(logo.gif)}


　　3．背景重复：background-repeat


　　语法：{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}


　　作用：背景图片
重复控制
的是背景图片平铺与否，也就是说，结合背景定位的控制可以在网页上的某处单独显示一幅背景图片


　　说明：参数取值范围：


　　·inherit 继承


　　·no-repeat 不重复平铺背景图片


　　·repeat


　　·repeat-x 使图片只在水平方向上平铺


　　·repeat-y 使图片只在垂直方向上平铺


　　注意：如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。


　　4．背景固定：background-attachment


　　语法：{background-attachment:fixed|scroll}


　　说明：参数取值范围


　　·fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动


　　·scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动


　　注意：背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力，所以可以解除背景图片和文字内容的捆绑，该为和浏览器窗口捆绑。


　　例子：使背景图案不随文字“滚动”的css


　　body { background: purple url(bg.jpg); background-repeat:repeat-y; background-attachment:fixed }


　　5．背景定位：background-position


　　语法：{background-position:数值|top|bottom|left|right|center}


　　作用：背景定位用于控制背景图片在网页中显示的位置。


　　说明：参数取值范围


　　·带长度单位的数字参数


　　·top：相对前景对象顶对齐


　　·bottom：相对前景对象底对齐


　　·left：相对前景对象左对齐


　　·right：相对前景对象右对齐


　　·center：相对前景对象中心对齐


　　·比例关系


　　关键字解释如下:


　　top left = left top = 0% 0%


　　top = top center = center top = 50% 0%


　　right top = top right = 100% 0%


　　left = left center = center left = 0% 50%


　　center = center center = 50% 50%


　　right = right center = center right = 100% 50%


　　bottom left = left bottom = 0% 100%


　　bottom = bottom center = center bottom = 50% 100%


　　bottom right = right bottom = 100% 100%


　　注意：参数中的center如果用于另外一个参数的前面，表示水平居中；如果用于另外一个参数的后面，表示垂直居中。


　　6. 背景样式：background


　　语法：{background:背景颜色|背景图象|背景重复|背景附件|背景位置}


　　作用：背景属性是一个更明确的背景—关系属性的略写。以下是一些背景的声明:


　　例子：


　　body { background: white url(
http://www.htmlhelp.com/foo.gif
) }


　　blockquote { background: #7fffd4 }


　　p { background: url(../backgrounds/pawn.png) #f0f8ff fixed }


　　table { background: #0c0 url(leaves.jpg) no-repeat bottom right }


　　注意：当一个值未被指定时，将接受其初始值。例如，在上述的前三条规则，背景位置属性将被设置为0% 0%。为了避免与用户的样式表之间的冲突，背景和颜色应该一起被指定。

数学建模常用代码总结-Python&MATLAB
 
 
 
数学建模过程中有许多可复用的基础代码，在此对 python 以及 MATLAB 中常用代码进行简单总结，该总结会进行实时更新。
 
 
一、文件读取
 
 
python (pandas)
 
文件后缀名（扩展名）并不是必须的，其作用主要一方面是提示系统是用什么软件打开，另一方面提示文件内容格式。如.txt, .csv, .tsv 文件均为纯文本文件，只是 .csv, .tsv 说明了数据的分割方式分别为, 与 \t 。既然都是文本文件，那就都可用 pandas.read_csv 或 pandas.read_table 等进行读取，这里采用 pandas.read_csv 。
 
.txt 文件
 
import pandas as pd
tsvfile = pd.read_csv('filename.txt')
tsvfile = pd.read_csv('filename.txt',skiprows=1)#跳过首行
 
.csv 文件
 
import pandas as pd
tsvfile = pd.read_csv('filename.csv')
tsvfile = pd.read_csv('filename.csv',skiprows=1)#跳过表头
 
.tsv 文件
 
import pandas as pd
tsvfile = pd.read_csv('filename.tsv', sep='\t')
 
.json 文件
 
import pandas as pd
jsonfile = pd.read_json('filename.json', orient = 'records')
 
.csv 文件转.json 文件
 
import csv
import json
csvfile = open('filename.tsv'，r)
jsonfile = open('filename.json'，w)

fieldnames = ("key1","key2","key3")
reader = csv.DictReader(csvfile,fieldnames) 

for row in reader:
    json.dump(row,jsonfile)
    jsonfile.write('\n')
 
.xlsx 文件
 
excel 是二进制文件，它保存有关工作簿中所有工作表的信息，也可对数据进行有关操作。
 
import pandas as pd
# 读取 Excel 数据，选取 sheet1 工作表
sheet_1 = pd.read_excel('demo.xlsx', sheet_name='Sheet1', na_values='n/a')
# 打印 sheet 表名
print(pd.ExcelFile('listings.xlsx').sheet_names)
# 打印数据头部
  print(sheet_1.head())
 
.xlsx 文件转 .csv
 
import pandas as pd
def xlsx_to_csv_pd():
  data_xls = pd.read_excel('demo.xlsx', index_col=0)
  data_xls.to_csv('demo.csv', encoding='utf-8')
 
.csv 文件转 .xlsx
 
import pandas as pd
def csv_to_xlsx_pd():
  csv = pd.read_csv('1.csv', encoding='utf-8')
  csv.to_excel('1.xlsx', sheet_name='data')
 
 
MATLAB
 
同样的原因，MATLAB 读取文本文件均可用 textscan 。
 
.txt 文件
 
clc;clear;
filename = 'filename.txt';
file = fopen(filename);%打开文件
columns = 's%s%s%s%s%s%';%读几列就有几个's%'
data = textscan(filename,columns,'delimiter', '	');%以制表符分隔
fclose(file);
 
.csv 文件
 
clc;clear;
filename = 'filename.csv';
file = fopen(filename);%打开文件
columns = 's%s%s%s%s%s%';%读几列就有几个's%'
data=textscan(filename,columns,'delimiter', ',');%以 , 分隔
fclose(file);
 
.tsv 文件
 
clc;clear;
filename = 'filename.tsv';
file = fopen(filename);%打开文件
columns = 's%s%s%s%s%s%';%读几列就有几个's%'
data=textscan(filename,columns,'delimiter', '	');%以制表符分隔
fclose(file);
 
.json 文件
 
MATLAB 读取 .json 文件需要下载 jsonlab 包。
 
clc;clear;
addpath('E:\PIR\PIR_V3.0\jsonlab-1.5'); %添加jsonlab包的存放路径

filename = 'filename.json'; %文件名称
jsonData = loadjson(filename);%jsonData是struct结构
data = jsonData.u';
 
 
二、绘图
 
 
MATLAB
 
MATLAB 帮助文档
 
点状图
 
plot(xi,yi,'>','Color',[x/255 x/255 x/255]);%右三角,颜色为(x,x,x)
%符号可为'o','.','+','>','<'等
xlabel('x/x')
ylabel('y/y')
title('Title')

set(gcf,'unit','normalized','position',[0.2,0.2,0.8,0.6]);%固定大小
 
折线图
 
xi=  1: 0.25:76;
yi = interp1(X,Y,xi,'spline');%插值，将步长由1变为0.25
plot(xi,yi,'Color',[x/255 x/255 x/255],'LineWidth',1);%颜色为(x,x,x),线条粗细为1
xlabel('x/x')
ylabel('y/y')
title('Title')

set(gcf,'unit','normalized','position',[0.2,0.2,0.8,0.6]);%固定大小
 
条形图
 
MATLAB bar
 
y=[1 2 3,1 2 3];%分组条形图
tiledlayout(2,1)%指定纵横比
bar(y);
bar(x,y);
bar(y,'stacked');%与y=[1 2 3,1 2 3]结合，同一个柱形上分层显示
bar(x,y,0.6);%相对宽度控制间隔
bar(y,'FaceColor',[0 .5 .5],'EdgeColor',[0 .9 .9],'LineWidth',1.5);%多参数

y = [10 15 20; 30 35 40; 50 55 62];
b = bar(y);
b(3).FaceColor = [.2 .6 .5];%每组第三列设为绿色
 
其他功能
 
%绘制多张
figure(i);
%plot
hold on;
figure(i+1);
%plot

%多线同图
%plot
hold on;
%plot
 
 
python
 
点状图
 
import matplotlib.pyplot as plt
plt.rcParams['figure.figsize'] = (48.0, 30.0) # 设置figure_size尺寸
plt.plot(X,Y,'.')
plt.xlabel("x-label",fontproperties=zhfont,fontsize='32')
plt.ylabel("y-label",fontproperties=zhfont,fontsize='32')
plt.title("title",fontproperties=zhfont,fontsize='32')
 
折线图
 
import matplotlib.pyplot as plt
plt.rcParams['figure.figsize'] = (48.0, 30.0) # 设置figure_size尺寸
plt.plot(X,Y)
plt.xlabel("x-label",fontproperties=zhfont,fontsize='32')
plt.ylabel("y-label",fontproperties=zhfont,fontsize='32')
plt.title("title",fontproperties=zhfont,fontsize='32')
 
其他常用功能
 
# 绘制多张
plt.subplot(221) # 两行两列的第一个
plt.plot(X1,Y1,'.')
plt.subplot(222) # 两行两列的第二个
plt.plot(X2,Y2,'.')
plt.subplot(223) # 两行两列的第三个
plt.plot(X3,Y3,'.')
plt.subplot(224) # 两行两列的第四个
plt.plot(X4,Y4,'.')

# 多张同图
plt.plot(X1,Y1,'.')
plt.plot(X2,Y2,'.')

# 设置分辨率
## 绘制分辨率
plt.rcParams['figure.figsize'] = (24.0, 20.0) # 默认的像素为[6.0,4.0]，分辨率为100，图片尺寸为 600&400
plt.rcParams['figure.dpi'] = 300 # 直接设置分辨率，一般使用这两种方式之一
## 保存分辨率
plt.rcParams['savefig.dpi'] = 300 # 预先设定保存图片像素
plt.savefig(‘demo.jpg', dpi=200) # 保存时指定分辨率，一般使用这两种方式之一

# title 格式
## 该条(title 格式)参考`开码牛`的博客
plt.title('Interesting Graph',fontsize='large'，fontweight='bold') 设置字体大小与格式
plt.title('Interesting Graph',color='blue') 设置字体颜色
plt.title('Interesting Graph',loc ='left') 设置字体位置
plt.title('Interesting Graph',verticalalignment='bottom') 设置垂直对齐方式
plt.title('Interesting Graph',rotation=45) 设置字体旋转角度
plt.title('Interesting',bbox=dict(facecolor='g', edgecolor='blue', alpha=0.65 )) 标题边框
 
 
常用配色
 
 
#5d7a9a
#ec554a
#ffad60
#8bc24c
#2d2d2d
#bc8420
#593e1a
#ffeb28
#996699
#0fff95