[璃猫]

璃猫博客

limao.pro

CSS样式表

Aurora

November 26, 2020

访问: 332 次

0 Comments

332字数

#

CSS 样式表

首页 / CSS 样式表正文

CSS样式表

CSS样式表


HTML页面样式

HTML页面样式常用元素用法作用
*padding页面的内外边距
body,htmlFX页面总体样式




DIV样式

DIV样式常用元素用法作用
widthPX宽度
heightPX高度
paddingPX内边距
marginPX外边距
box-shadow[Y轴 X轴 模糊 颜色]边框阴影
border[大小 样式 颜色]边框
bordersolid实线
-dashed虚线
-double双实线
-dotted点线
border-radiusPX圆角
overflowhidden超出隐藏




Background背景

Background背景常用元素用法作用
background-imageURL背景图片
background-color#背景颜色
background-position[center]背景图片定位
background-repeat[no-repeat]背景不平铺
background-size[100%]背景图片大小




Text文本

Text文本常用元素用法作用
color#字体颜色
text-alignleft[right]字体居中
font-sizePX字体大小
font-weight粗细[bloder]字体粗细
font-familyFX字体设置
font-styleFX字体样式
text-shadow[Y轴 X轴 模糊 颜色]边框阴影
line-heightPX行高




排版设置

排版设置常用元素用法作用
floatleft[right]浮动
positionrelative定位/相对+绝对定位
topPX距离上
bottomPX距离下
leftPX距离左
rightPX距离右




特效样式

特效样式常用元素用法作用
transitionS动画速度
transform[translate(X,Y)]位置转换
-scale(X,Y)大小转换
-rotate(X,Y)旋转转换




显示层次样式

显示层次样式常用元素用法作用
display[none]影藏
-[inline]行内元素
-[block]块元素
-[inline-block]拥有块元素功能的行内元素
cursorpointer鼠标链接样式效果




鼠标样式

鼠标样式常用元素用法作用
cursorpointer鼠标链接样式效果
-default默认光标
-move光标指示程序正忙

本文为原创知识文章,版权归 璃猫博客 所有,转载请注明出处!

本文链接: https://www.limao.pro/archives/0008.html

友情提示:如果博客部分链接出现404,请留言或者 联系博主 修复。

最后修改时间:November 26, 2020

© 本文允许规范转载

嗨!猫客,不妨给 5秒 时间,赞赏一下本博客吧!( 其实本博主在按钮里藏了支付宝红包哦~ )

上一篇
下一篇

发布你的观点趴i

评论 ( 请使用真实邮箱地址,以便接收评论回复信息 )

选择表情

还没有小可爱发布评论呢~ o(╥﹏╥)o

下面没有内容啦!(°Д°) 太长啦~我快被撑爆啦!o(╥﹏╥)o

热门文章
TYPECHO恋爱主题 - 往后余生 November 29, 2020
CSS样式表 November 26, 2020
JAVA环境安装与编程软件Eplices安装教程 November 23, 2020

站内活动 时间一般均为 7天 时间

欢迎各位猫客,本站运营初期,不足之处欢迎大家指点。(灬°ω°灬)

博客资料
  • 文章数目

    70

  • 评论数目

    9

  • 站内页面

    3

  • 运行天数

    0年202天

广而告之
我在等你呢~
[享受生活 做最酷的自己]
[头像]

Aurora

环游是无趣,至少可以陪着你~

×
SUPPORT