1、字体、文本声明

  声明语句必须要包含在{}号之中;
属性和属性值之间用“:”分隔;
当有多个属性时,用“;”进行区分;
在书写属性时属性之间使用空格、换行等,并不影响属性的显示;
如果一个属性有多个值,则每个属性值之间用空格分隔开。

CSS属性-字体

      font-size 字体大小属性:可设置字体的大小,常用单位px。网页默认大小16px
font-style 字体风格属性:设置字体是否倾斜。font-style:normal/italic/oblique 分别为正常/斜体
font-weight 字体加粗属性:设置字体加粗。font-weight:normal/100-900/bold/bolder 分别为正常/加粗
font-family 字体名称属性:设置字体名称。font-family:"字体名称"
text-align 文本对齐属性:设置文本对齐格式。text-align:top/bottom/middle/justify(两端对齐)
vertical-align 垂直对齐方式。vertical-align:top/bottom/middle
line-height 行高属性:设置行距。line-height:数值/倍数 text-decoration 文本修饰属性:设定文本划线属性
语法:text-decoration:none/underline(下划线)/overline(上划线)/line-through(删除线)/blink(文字闪烁) letter-spacing 设置文本字符间距。控制字母或者汉字的间距
word-sapcing 设置单词字母间距。
text-transform 大小写切换。text-transform:none/capitalize(每个字母大写开头)/uppercase(仅有大写字母)/lowercase(仅有小写字母)
font-variant:normal/small-caps/inherit 小型大写字母 规定应该从父元素继承 font:font-weight font-style font-size/ line-height font-family; 文字属性的缩写
注意:文字缩写属性必须要在font-size和font-family同时存在时才会生效
其中font-weight 和font-style没有会使用缺省值。
font-size和line-height必须以"/"(反斜杠)连接。
文字属性的简写必须按照此顺序 color 颜色属性。color:颜色;
width 宽度属性。值为数值,单位px/%
height 高度属性。值为数值,单位px/%

2、列表的声明

CSS属性-列表

      定义列表符号样式:1.list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉列表符号)
2.使用图片作为符号:list-style-image:url(所使用图片的路径及全称)
3.定义列表符号位置:list-style-position:outside/inside

3、背景的声明

CSS属性-背景

      background-color 为元素设置背景色
background-image 为元素设置背景图。background-image:url(图片的路径及全称)
background-repeat 设置背景图是否平铺。
语法:background-repeat:repeat/repeat-x/repeat-y/no-repeat background-position 背景定位属性,设置背景图片属性,
通过方向或者数值来设置:left top;或者0px 0px;分别表示水平位置和垂直位置 background-attachment 背景附着属性,设定图片是否跟随内容滚动 值:scroll/fixed
语法:background:背景颜色 背景图像 背景位置 背景重复 背景附着

4、浮动的详细讲解

CSS属性-浮动

  • 网页元素的三种位置方式

    1.普通流:普通流中元素框的位置由元素在XHTML中的位置决定。元素从上到下依次排列

    2.浮动:浮动的元素脱离普通流。浮动的元素可以在左右移动,直到它的外边框边缘碰到包含块或另一个浮动元素的边缘。

    3.定位

       float:none/left/right; 左/右浮动。浮动框是脱离了普通的文档流
    clear:none/left/right/both 无/左/右/全部不允许浮动

HTML学习 day04的更多相关文章

  1. Python学习 day04打卡

    今天学习的主要内容: 一,列表 1,列表的介绍 列表是python的基础数据类型之一,其他编程语音也有类似的数据类型.例如:JS 中的数组Java中的数组等等. 它是以[]括起来,每个元素用',隔开而 ...

  2. python开发学习-day04(迭代器、生成器、装饰器、二分查找、正则)

    s12-20160123-day04 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: ...

  3. Python学习day04 - Python基础(2)数据类型基础

    <!doctype html>day04 - 博客 figure:last-child { margin-bottom: 0.5rem; } #write ol, #write ul { ...

  4. 大数据学习--day04(选择结构、循环结构、大数据java基础面试题)

    选择结构.循环结构.大数据java基础面试题 switch: 注意: byte short int char String(jdk1.7支持) 不能是 long float double boolea ...

  5. Python学习 day04

    一.list list可以存放各种类型的数据,与java中list类差不多,比如li = ['keith', 1, True, [1, 2, 3], {name: 'tangtang', age: 1 ...

  6. 黑马MySQL数据库学习day04 MySQL变量 存储过程 用户和授权管理

    /* MySQL中的变量局部变量,用户变量,会话变量和全局变量. 用户变量不用定义,直接使用. 1.用户变量赋值 set @xxx = 值; 2.查询 select @xxx; 语法帮助: 过程保存在 ...

  7. Java 学习 day04

    17-数组(概述-内存结构) 概念:同一种类型数据的集合,其实数组就是一个容器. 可以自动给数组中的元素从0开始编号,方便操作这些元素. int[] x = new int[3]; 01-数组(静态初 ...

  8. vue学习-day04(路由)

    目录: 1.组件传值-父组件向子组件传值和data与props的区别    2.组件传值-子组件通过事件调用向父组件传值          3.案例:发表评论.使用ref获取DOM元素和组件引用   ...

  9. python编程学习day04

    1.函数名是变量名 “=”是内存指向,等号赋值操作,内存指向操作 变量——可赋值,可作为列表元素 函数名可以作为返回值返回 函数名可作为参数传递 2.闭包 内层函数使用了外层函数的变量 作用:可以让一 ...

随机推荐

  1. C#事件浅淡(1)

    最近在写C#,感觉事件这个机制很好,可是怎么实现自己定义的事件呢?查了资料有的不全有的不完整,有的太深,自己写一个简单的例子. 原则 1,定义一个事件信息类(标准的都继承EventArgs) 2.定义 ...

  2. Java线程池的正确关闭方法,awaitTermination还不够

    问题说明 今天发现了一个问题,颠覆了我之前对关闭线程池的认识. 一直以来,我坚信用shutdown + awaitTermination关闭线程池是最标准的方式. 不过,这次遇到的问题是,子线程用到B ...

  3. markdown(typora)基本语法

    目录 * 标题 * 加粗 * 斜体 * 高亮 * 上标 * 下标 * 代码引用(>式和```式) * 代码引入(`式) * 插入链接(链接显示) * 插入链接(连接描述显示) * 插入图片(链接 ...

  4. 三、进程和线程、协程在python中的使用

    三.进程和线程.协程在python中的使用 1.多进程一般使用multiprocessing库,来利用多核CPU,主要是用在CPU密集型的程序上,当然生产者消费者这种也可以使用.多进程的优势就是一个子 ...

  5. 这一次,终于系统的学习了 JVM 内存结构

    最近在看< JAVA并发编程实践 >这本书,里面涉及到了 Java 内存模型,通过 Java 内存模型顺理成章的来到的 JVM 内存结构,关于 JVM 内存结构的认知还停留在上大学那会的课 ...

  6. 【MySQL】MySQL 8.0.X的安装与卸载命令

    1.请读者自行下载MySQL Server https://dev.mysql.com/downloads/mysql/ 2.解压.zip文件 将mysql-8.0.12-winx64.zip解压到 ...

  7. CSPS模拟测试59

    这场考得我心态爆炸......... 开场T1只会$n^{2}$,然后发现bfs时每个点只需要被更新一次,其他的更新都是没用的. 也就是说,我们可以只更新还没被更新的点? 于是我先YY了一个链表,发现 ...

  8. linux防火墙相关。

    ubuntu 系统默认已安装ufw. 1.安装 sudo apt-get install ufw 2.启用 sudo ufw enable sudo ufw default deny 运行以上两条命令 ...

  9. CSS3解决字母不换行的方法

    CSS3解决字母不换行的方法 <pre>word-wrap: break-word;</pre>

  10. PHP根据ip获取地理位置(通过高德地图接口)

    PHP根据ip获取地理位置(通过高德地图接口)<pre>//restapi.amap.com/v3/ip?key=2004f145cf3a39a72e9ca70ca4b2a1dc& ...