首页 > 教程 > 关键词  > CSS最新资讯  > 正文

网页制作备忘录:CSS 属性表简表

2007-09-04 09:04 · 稿源:268站长网

CSS 属性表简表,列出了一些我们常用的CSS的属性。

属性名称 属性含义 属性值

字体属性(Font)

以下为引用的内容:
font-family 使用什么字体 所有的字体
font-style 字体是否斜体 Normal、italic、oblique
font-variant 是否用小体大写 Normal、small-caps
font-weight 字体的粗细 Normal、bold、bolder、lithter等
font-size 字体的大小 Absolute-size、relative-size、length、percentage等

颜色和背景属性

以下为引用的内容:
Color 定义前景色 颜色
Background-color 定义背景色 颜色
Background-image 定义背景图案 路径
Background-repeat 重复方式 Repeat-x、repeat-y、no-repeat
Background-attachment 设置滚动 Scroll、Fixed
Background-position 初始位置 Percentage、length、top、left、right、bottom等

文本属性

以下为引用的内容:
Word-spacing 单词之间的间距 Normal <length>
Letter-spacing 字母之间的间距 Normal <length>
Text-decoration 文字的装饰样式 None|underline|overline|line-through|blink
Vertical-align 垂直方向的位置 Baseline|sub|super|top|text-top|middle|bottom|text-bottom
Text-transform 文本转换 Capitalize|uppercase|lowercase|none
Text-align 对齐方式 Left|right|center|justify
Text-indent 首行的缩进方式 <length>|<percentage>
Line-height 文本的行高 Normal|<number>|<length>|<percentage>

边距属性

以下为引用的内容:
Margin-top 顶端边距 Length|percentage|auto
Margin-right 右侧边距 Length|percentage|auto
Margin-bottom 底端边距 Length|percentage|auto
Margin-left 左侧边距 Length|percentage|auto

填充距属性

以下为引用的内容:
Padding-top 顶端填充距 Length|percentage
Padding-right 右侧填充距 Length|percentage
Padding-bottom 底端填充距 Length|percentage
Padding-left 左侧填充距 Length|percentage

边框属性

以下为引用的内容:
Border-top-width 顶端边框宽度 Thin|medium|thick|length
Border-right-width 右侧边框宽度 Thin|medium|thick|length
Border-bottom-width 底端边框宽度 Thin|medium|thick|length
Border-left-width 左侧边框宽度 Thin|medium|thick|length
Border-width 一次定义宽度 Thin|medium|thick|length
Border-color 设置边框颜色 Color
Border-style 设置边框样式 None|dotted|dash|solid等
Border-top 一次定义顶端 Border-top-width|color等
Border-right 一次定义右侧 Border-top-width|color等
Border-bottom 一次定义底端 Border-top-width|color等
Border-left 一次定义左侧 Border-top-width|color等
Width 定义宽度属性 Length|percentage|auto
Height 定义高度属性 Length|auto
Float 文字环绕 Left|right|none
Clear 哪一边环绕 Left|right|none|both

分级属性

以下为引用的内容:
Display 定义是否显示 Block、inline、list-item、none
White-space 怎样处理空白 Normal、pre、nowrap
List-style-type 加项目编号 Disc、circle、square等
List-style-image 加图案 <url>|none
List-style-position 第二行起始位置 Inside、outside
List-style 一次定义列表 <keyword>|<position>|<url>

鼠标 ( Cursor ) 属性

以下为引用的内容:

Auto 自动
Crosshair 定位“十”字
Default 默认指针
Hand 手形
Move 移动
e-resize 箭头朝右方
Ne-resize 箭头朝右上方
Nw-resize 箭头朝左上方
n-resize 箭头朝上方
Se-resize 箭头朝右下方
Sw-resize 箭头朝左下方
s-resize 箭头朝下方
w-resize 箭头朝左方
Text 文本“I”形
Wait 等待
Help 帮助

举报

  • 相关推荐
  • 莲花味精配料只有小麦 友:配料“太干净” 良心企业

    受李佳琦事件影响,相关高价网红品牌陷入风波,一些物美价廉的老国货品牌重新进入大众视野,迎来高光时刻。莲花味精登上微博热搜,引发大量网友涌入直播间购买支持。同时向新晋品牌学习营销策略,也需要立足自身优势,找到属于自己的营销模式”,探索出一条适合自己的发展道路。

  • 《云·原神》网页版移动端上线:免下载 “老爷机”也能玩

    今日,《原神》宣布《云原神》网页版移动端正式上线,玩家无需下载包体即可游玩。玩家首次使用任意平台登录《云原神》,将会获得5小时的免费时长。需要注意的是,由于是网页版,所以对网络质量有一定要求,高延迟下人物操控也会有延迟,且有音画不同步的情况发生,可调低画质档位或帧率。

  • FTC示微软自作自受

    联邦贸易委员会公共事务办公室主任道格拉斯法勒针对微软泄密事件发表声明称,FTC并没有将这些文件上传至法院网站,是微软自己提供了相关文件的链接,然后法院工作人员使用链接上传了这些内部文件,作为该案证据供人查阅。微软于9月14号向法院提供了在线文档的链接,对方在公开这些文件之前并未涂改敏感部分,造成公司机密外泄其中涉及XSX/XSS中期改款,收购杯赛时双方拟定的游戏作品开发路线图:微软在文件中详细列明了主机中期改款要点,比如去掉光驱变为只接受数字发布的纯下载机,为此将内部存储容量增至2TB,SoC升级为6纳米工艺,电源额定功率削减15%,待机功率大幅降低,支持Wi-Fi6E,全新南桥,全新手柄,USB-C前置端口,IO传输率大幅提升,采用全新垃圾桶造型,整机定价依然维持在$499价位。杯赛将于22财年推出新作《夺宝奇兵》与TES4重制;24财年推出TES6与《辐射3》重制并安排了《耻辱3》;23财年还有一款代号Kestrel”的新作:软件开发极易延误,这份时间表确实过时了,但我们知道会有《上古卷轴4》与《辐射3》的重制,这就够了。

  • 首款FSR 3游戏现抢眼:画质与帧率均优于DLSS 3

    在经历了整整10个月的等待之后,AMD的FSR3技术终于正式上线,今天《魔咒之地》、《不朽者传奇》正式推送了更新,加入了对于FSR3的支持《Forspoken》甚至可以同时支持DLSS3和FSR3。AMDFSR3和NVIDIADLSS3一样具有帧生成功能,利用AMDFluidMotionFrames技术、游戏运动矢量数据,可显著提高游戏帧率。FSR3性能模式下,画面质量与原生画面非常接近,画质损失远低于DLSS3。

  • 开发者“炫技”用格开发游戏,具有实时性!友:格还能这样玩?!

    求职过程中,很多人将“精通Excel、表格”列为一项技能,不过当论及使用它来做什么时,也许汇总数据、可视化分析、输出报告等只是“小儿科”做法,有开发者表示,它还有更为高端的玩法,比如用来开发游戏,这也许能为你的求职增加一个亮点。这名为nolen的开发者在GoogleSheet中实践了一把:nolen介绍道,除了美观之外,这款游戏还具有“实时”性。我非常欣赏你对如何将其组合在一起的精彩记录。

  • UCSD 研究人员开源Graphologue:将LLM文本响应转化为交互式图

    大型语言模型如GPT-4因其生成各种用户查询的文本响应的能力变得极为流行。尽管它们具有强大的功能,但在有效传达复杂信息方面存在一些限制。Graphologue代表了使LLM互动更直观和有效的重大进步。

  • 过度疲劳的6种现上热搜:身体慢性疲劳自测来了 你中了几条

    #过度疲劳的6种表现#话题登上微博热搜。若未引起重视,未及时休息调整,那么小问题”可能会引发大问题”,严重威胁我们的身心健康甚至生命安全。

  • 极光CEO罗伟东受邀出席香港国际电脑会议(HKICC)并发演讲

    自1978年由香港电脑学会创办以来,香港国际电脑会议(HKICC)已成为业界一年一度的盛事,深受香港乃至亚太地区的信息科技界和社会人士欢迎。香港国际电脑会议(HKICC)汇集香港及国际的信息科技专家、政府官员和商界管理层,共同分享与研讨信息及通讯科技在创新与发展上的最新趋势,特别是促进商机及提升生产力方面。

  • 奥特曼YC演讲:套壳ChatGPT者死,我行不代你行

    奥特曼简单一句话,让AI创业公司瑟瑟发抖:这是在最新YC校友分享会上,OpenAICEO奥特曼发表的演讲观点。为此他还特意补充道:尤其别花太多精力在UI界面上。奥特曼半调侃半认真地表示:结合OpenAI招聘人才“不限行业”的规定,打破惯例看来已经成为这家公司获得灵感和活力的新动力了。

  • 李斌:蔚来手机将迭代 不会出蔚来手

    蔚来手机的后续研发方向将会持续迭代。蔚来将会研发后续版本的NIOPhones,目前第二代NIOPhones已经在研发之中。蔚来手机NIOPhones的售价为6499元、6899元和7499元,性能版将于9月28日起开始发货,并将立即在蔚来应用商店中开售。