css学习三
发表于:2022-04-05 | 分类: 前端
字数统计: 545 | 阅读时长: 2分钟 | 阅读量:

CSS 学习三

继续

CSS Fonts

  • font-family:指定字体

  • font-size:字体大小

  • font-style:字体样式

    • normal:默认值
    • italic:斜体
    • oblique:斜体
    • inherit:继承父元素
  • font-variant:将小写字母转为大写,但是字体尺寸更小

    • normal:默认值,不做任何样式调整
    • small-caps:小型大写字母的字体
    • inherit:继承父元素
  • font-weight:字体的粗细

    • normal:默认
    • bold:粗体
    • bloder:更粗的粗体
    • lighter:更细的字体
    • 数字:400等于normal,700等于bold
    • inherit:继承父元素
  • a:link:未访问链接
  • a:visited:已访问链接
  • a:hover:鼠标移动到链接上
  • a:active:鼠标点击时

CSS 列表

  • list-style-image:将图像设置为列表标志
  • list-style-position:标志位置
    • outside:放置在文本以内,并环绕文本对齐
    • inside:放置文本左侧(默认),列表项目标记放置在文本以外,且环绕文本不根据标记对齐
    • inherit:继承父元素

盒子模型

封装周围的HTML元素,包括边距、边框、填充和内容

  • Margin:外边距,透明,用以清除边框外的区域
  • Boder:边框
  • Padding:内边距,透明,用以清除内容周围的区域
  • Content:内容

CSS Border

  • boder-style:设置四个边框的样式

    • none:无边框,优先级最低,如果存在重叠边框,会显示为其他边框
    • hidden:无边框,优先级最高,如果存在重叠边框,则不显示边框
    • dotted:点状
    • dashed:虚线
    • solid:实线
    • double:双实线
    • groove:3D凹槽
    • ridge:3D垄状
    • inset:陷入
    • ouset:突出
    • inherit:继承父元素
  • border-width:设置四个边框的宽度

    • thin:细边框
    • medium:中等边框(默认)
    • thick:粗边框
    • length:自定义值
    • inherit:继承父元素
  • boder-color:设置四个边框颜色

    • color:指定颜色
    • transparent:透明(默认)
    • inherit:继承父元素
  • border-radius:外边框圆角

瑞了瑞了,满脑子英文单词

美则美矣,未尽善焉😕😕😕

浪淘沙 欧阳修

把酒祝东风,

且共从容。

垂杨紫陌洛城东。

总是当时携手处,

游遍芳丛。

聚散苦匆匆,

此恨无穷。

今年花胜去年红。

可惜明年花更好,

知与谁同?

上一篇:
css学习四
下一篇:
css学习二