专业游戏门户,分享手游网游单机游戏百科知识攻略!

嗨游网
嗨游网

常用CSS代码大全(工作必备)

来源:小嗨整编  作者:小嗨  发布时间:2024-03-18 07:43
摘要:用html+css可以很方便的进行网页的排版布局,但不是每一种属性或者代码我们都铭记于心,最近我把css中的常用代码进行了归纳总结,方便自己以后查看,同时也分享给大家,希望对你们有用。一.文本设置1、font-size:字号参数 2、fo...

用html+css可以很方便的进行网页的排版布局,但不是每一种属性或者代码我们都铭记于心,最近我把css中的常用代码进行了归纳总结,方便自己以后查看,同时也分享给大家,希望对你们有用。

常用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代码

     手形

  十字形

     文本形

     沙漏形

    十字箭头形:

     问号形

   右箭头形

   上箭头形

  左上箭头形

   左箭头形

   下箭头形 

  右下箭头形 

  左下箭头形

以上就是常用CSS代码大全(工作必备)的详细内容,更多请关注易企推科技其它相关文章!


本文地址:网络百科频道 https://www.eeeoo.cn/wangluo/1149486.html,嗨游网一个专业手游免费下载攻略知识分享平台,本站部分内容来自网络分享,不对内容负责,如有涉及到您的权益,请联系我们删除,谢谢!


网络百科
小编:小嗨整编
相关文章相关阅读
  • dnf刺客武器匕首还是双剑(dnf刺客武器大全)?

    dnf刺客武器匕首还是双剑(dnf刺客武器大全)?

    dnf刺客武器匕首还是双剑(dnf刺客武器大全)?在dnf中,刺客是一个非常受欢迎的角色,以其出色的爆发力和灵活的连招著称。而在选择刺客的武器时,玩家们常常在匕首和双剑之间犹豫不决。本文将为您详细解析匕首和双剑的优势与劣势,帮助您做出明智的...

  • 梦幻西游门派介绍大全(梦幻西游门派介绍技能)

    梦幻西游门派介绍大全(梦幻西游门派介绍技能)

    梦幻西游门派介绍大全(梦幻西游门派介绍技能)梦幻西游以其丰富多样的门派系统和独特的门派技能吸引了无数玩家。下面,就让我们一起来领略这款游戏中的十八大门派的风采,以及它们各自的特色技能。一、大唐官府门派特点:大唐官府是游戏中主流的门派之一,以...

  • dnf宝珠大全95版本(dnf宝珠有什么用处)?

    dnf宝珠大全95版本(dnf宝珠有什么用处)?

    dnf宝珠大全95版本(dnf宝珠有什么用处)?dnf中的宝珠是赋予装备附加属性的道具,它们在95版本中扮演着至关重要的角色,能够显著提升角色的战斗能力。以下是一些95版本的DNF宝珠大全以及它们的主要用途:dnf宝珠大全95版本1.属性强...

  • 推广app赚佣金平台有哪些(推广app是什么工作)?

    推广app赚佣金平台有哪些(推广app是什么工作)?

    推广app赚佣金平台有哪些(推广app是什么工作)?简单来说,推广引流app就是利用各种渠道,将一款应用程序(App)推广给潜在用户,吸引他们下载并使用。推广app赚佣金平台有哪些1:U客直谈想要从事地推app拉新行业,U客直谈建议深入了解...

  • 我的世界颜色符号怎么打(我的世界颜色符号代码)?

    我的世界颜色符号怎么打(我的世界颜色符号代码)?

    我的世界颜色符号怎么打(我的世界颜色符号代码)?在我的世界游戏中,玩家们可以通过使用颜色符号代码,让聊天或书籍中的文字变得更加丰富多彩。本文将为您详细介绍我的世界颜色符号代码的用法,让您轻松掌握如何打出这些漂亮的颜色。我的世界颜色符号代码我...

  • 我的世界晴天指令代码大全(我的世界晴天指令怎么输)?

    我的世界晴天指令代码大全(我的世界晴天指令怎么输)?

    我的世界晴天指令代码大全(我的世界晴天指令怎么输)?在我的世界中,天气系统为游戏增添了丰富的体验。但有时,你可能希望摆脱阴雨天气,享受阳光明媚的晴天。本文将为你详细介绍我的世界晴天指令代码大全。我的世界晴天指令代码大全在《我的世界》中,晴天...

  • 魔兽世界食谱在哪买(魔兽世界食谱大全)?

    魔兽世界食谱在哪买(魔兽世界食谱大全)?

    魔兽世界食谱在哪买(魔兽世界食谱大全)?在魔兽世界中,玩家可以通过烹饪各种美食来提升角色属性、回复生命值等。而想要学习这些美食的制作,就需要购买相应的食谱。本文将为大家详细介绍魔兽世界中的食谱购买地点,帮助大家快速成为烹饪大师。魔兽世界食谱...

  • 梦幻西游锦衣排行榜(梦幻西游锦衣大全一览表)

    梦幻西游锦衣排行榜(梦幻西游锦衣大全一览表)

    梦幻西游锦衣排行榜(梦幻西游锦衣大全一览表)随着梦幻西游的不断发展,越来越多的玩家开始关注游戏中的锦衣系统。一套精美的锦衣不仅能让角色焕然一新,还能彰显个人品味。今天,就为大家带来一份梦幻西游锦衣排行榜大全一览,带你领略各类锦衣的魅力!梦幻...

  • 周排行
  • 月排行
  • 年排行

精彩推荐