常用CSS代码大全

admin6个月前建站技巧436
一.文本设置
 
  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、样式
 
  borderstyle参数
 
  边框样式的参数:
 
  none:无边框
 
  dotted:边框为点线
 
  dashed:边框为长短线
 
  solid:边框为实线
 
  double:边框为双线
 
  2、宽度
 
  borderwidth参数
 
  3、颜色
 
  bordercolor参数
 
  七、列表
 
  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"左下箭头形


相关文章

易优apiAdv标签用法

易优apiAdv标签用法

【基础用法】名称:apiAdv 功能:获取广告列表内容。语法:  参数:pid='' 广告位置IDlimit='起始ID,记录数' (起始...

网站备案前一定要检查这些域名隐患和网站名称规范

网站备案前一定要检查这些域名隐患和网站名称规范

网站备案是域名+主机的一体化过程,而域名是网站备案的载体。一般网站备案的展现形式是在域名上的。所以域名对网站备案是很重要的哦!1、首先,域名后缀。可在工信部备案的域名后缀:.cn/.ren/.wang...

CSS下边框阴影效果 box-shadow

CSS下边框阴影效果 box-shadow

在css中,可以使用box-shadow属性来实现下边框阴影效果,语法“box-shadow:0px 15px 10px -15px #000;”。box-shadow属性可以向框添加一个或多个阴影,...

关于网站建设的十个策划小技巧

关于网站建设的十个策划小技巧

好多站长在网站建设的时候往往既要考虑的网站的整体美观度,同时还要考虑到网站的实用性和营销作用,那么在这方面都有什么小技巧吗,或者有什么要注意的吗,原创小编今天就为大家整理了十条关于网站建设的实用小技巧...

易优瀑布流分页列表(arcpagelist)

易优瀑布流分页列表(arcpagelist)

arcpagelist 瀑布流分页列表(配合arclist标签可实现ajax瀑布流分页) [基础用法]名称:arcpagelist功能:实现无刷新瀑布流分页,可适用于列表分页,与区域块的列表...

免费版Nginx防火墙

免费版Nginx防火墙

应用名称:免费版Nginx防火墙价格:免费作者:明国三年一场雨功能介绍:有效防止sql注入/xss/一句话木马等常见渗透攻击支持版本:Centos + 乌班图安装方法:宝塔面板安装使用教程:说明一下:...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。