CSS 学习三

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：继承父元素

CSS Link

• 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：外边框圆角

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

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

浪淘沙 欧阳修

把酒祝东风，

且共从容。

垂杨紫陌洛城东。

总是当时携手处，

游遍芳丛。

聚散苦匆匆，

此恨无穷。

今年花胜去年红。

可惜明年花更好，

知与谁同？