美文网首页
7/12 Day02 css样式

7/12 Day02 css样式

作者: 云烟成雨点 | 来源:发表于2018-07-12 19:30 被阅读0次

文本格式设置


1 文本下划线

text-decoration:设置下划线,删除线,顶划线

属性值:

none 无

underline 下划线

line-through 删除线

coverline 顶划线

2文本大小写

text-transform:设置文本大小写

属性值:

uppercase 大写

lowercase 小写

capitalize 首字母大写

none 无

3 文本小型大写

font-variant:设置文本小型大写

属性值:

small-caps:小型大写字母

normal: 正常效果

4 首行缩进

text-indent: 首行缩进

属性值:

px,em,rem,百分比

文字默认字体  16px 

1em=一个默认字体=16px

5 水平对齐方式

text-align:文本水平对齐方式

属性值:

left: 左对齐(默认值)

right: 右对齐

center: 居中对齐

6 行高

line-height:设置文字行高

属性值:

px em rem 百分比.

7 字距

letter-spacing:设置字距(字母之间的间距)

word-spacing:设置词距(单词之间的距离)

属性值:

px em rem 百分比

8 字体设置:

         font-family 字体类型

        属性值: 具体的字体类型(stkaiti)

         font-size 字体大小(px)

        font-weight 设置字体粗细

        属性值:

        lighter,normal(正常值),bold,bolder

        100,200,300,400(等同于normal),500,600

        700,(等同于bold),800,900

        font-style: 设置字体样式

        属性值:

            italic 斜体

            normal 正常字体

            oblique 字体倾斜

 color 设置字体颜色

属性值

red green blue...

#ff0000(十六进制颜色)

rgb(255,255,255)

rgba(0,0,0,0-1)

背景设置

9 背景颜色

background-color:背景颜色

属性值:

red green blue...

#ff0000(十六进制颜色)

rgb(255,255,255)

rgba(0,0,0,0-1)

10 背景图片

background-image: 设置背景图片

属性值:url(图片路径)

background-repeat:设置背景图片是否平铺

属性值:

repeat 平铺

no-repeat 不平铺

repeat-x 在x轴平铺

repeat-y 在y轴平铺

background-position:设置背景图片的位置

属性值:

1.left,right top bottom center

2.x% y%(百分比)

3.xpx ypx(像素值)

background-attachment:设置背景图片是否随内容滚动

属性值:

fixed: 背景不滚动

scroll: 背景随内容滚动

相关文章

  • 7/12 Day02 css样式

    文本格式设置 1 文本下划线 text-decoration:设置下划线,删除线,顶划线 属性值: none ...

  • day03

    A我学习到了什么? 1温习day02的知识点 2css基本样式的讲解 3css样式的继承:子元素对父元素的继承 B...

  • 【笔记 - day02】CSS 样式

    1. 前言 1.1 参考来源:https://www.cnblogs.com/liwenzhou/p/799953...

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • 第6-9章CSS

    目录 第6章、开始学习CSS,为网页添加样式 第7章 CSS样式基本知识 第8章 CSS选择器 第9章CSS的继承...

  • [jQuery]设置css样式

    获取css样式 设置单个css样式 设置多个css样式

  • CSS基础(二)

    1 - CSS样式的引入 CSS样式的引入可以采用三种方式: 内联式css样式 嵌入式CSS样式 外部式CSS样式...

  • html和CSS基础课程(7-1 7-2 7-3 7-4)

    7章 CSS样式基本知识 这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CS...

  • arcgis js :如何更改缩放控件位置到右上角

    css覆盖知识,不能修改api里面的css样式,我们可以自己写一个覆盖原有的css样式,在f12开发者工具中找到要...

  • 切图需要的准备

    样式 重置样式(reset.css) 公共样式(commo.css) 独立样式(例如首页:index.css) 重...

网友评论

      本文标题:7/12 Day02 css样式

      本文链接:https://www.haomeiwen.com/subject/fracpftx.html