CSS背景相关属性
1.属性 属性名 功能 属性值 background-color 设置背景颜色 复合 CSS 中颜色规范的值默认背景颜色是:transparent background-image 设置背景图片 url(图片地址) background-repeat 设置背景重复方式 repeat:重复,铺满整个元素,默认值repeat-x:只在水平方向重复repeat-y:只在垂直方向重复no-repeat:不重复 background-position 设置背景图位置 通过关键字设置位置写两个值,用空格隔开水平:left、center、right垂直:top、center、bottom如果只写一个值,另一个方向的值取center通过长度指定坐标位置以元素左上角,为坐标原点,设置图片左上角的位置。两个值,分别是x坐标和y坐标只写一个值,会被当做x坐标,y坐标取center background 复合属性 没有数量和顺序要求
CSS选择器
1.基本选择器基本选择器包括: 通配选择器 元素选择器 类选择器 id 选择器 1.1 通配选择器 作用:可以选中所有的 HTML 元素 语法: 1234567* { 属性名:属性值;}* { color: greenyellow; font-size: 50px;} 备注:目前看来通配选择器貌似有点鸡肋,但是后面清除样式时,会有很大帮助。 1.2 元素选择器 作用:为页面中的某种元素统一设置样式 语法: 123456789101112标签名 { 属性名:属性值;}h1 { color: black; font-size: 55px;}h2 { color: hotpink; font-size: 50px;} 备注:元素选择器无法实现差异化设置样式。 1.3 类选择器 作用:根据元素的class值,来选中某些元素 语法: 123456789101112.类名 { 属性名: 属性值;}.tangPoetry{ color:...
CSS鼠标相关属性
1. 属性 属性名 功能 属性值 cursor 设置鼠标光标的样式 pointer:小手move:移动图标text:文字选择器crosshair:十字架wait:等待help:帮助 扩展:自定义鼠标图标 1cursor: url("图标地址"),pointer
HTML列表
1.综述 标签名 标签含义 标签属性 单双标签 <ol></ol> 有序列表 li:子元素 双 <ul></ul> 无序列表 li:子元素 双 <dl></dl> 自定义列表 dt:术语名称dd:术语描述 双 2.分类2.1 有序列表(Ordered List) 列表元素有序,有顺序或者侧重顺序的列表。 2.2 无序列表(Unordered List) 列表元素无序,使用的比较多,无顺序或者不侧重顺序的列表。 2.3 自定义列表(Definition...
HTML基础
1.HTML 简介 全称:HyperText Markup Language超文本标记语言 超文本:与普通文本对比,内容更丰富。 标记:文本变成超文本,就需要不同的符号。 语言:每一个标记的写法、读音、使用规则构成了标记语言。 2.发展历史 3.HTML 标签 标签又称为元素 3.1 标签组成<标签名>标签体</标签名> 标签名:规范小心 3.2 分类3.2.1 单标签 <input> 3.2.2 双标签 <marquee></marquee> 标签可以嵌套 4.标签属性<标签名 属性名1="属性值1" 属性名2="属性值2"> 标签属性允许写多个,用空格隔开,但不能重复,先写的为主。不同标签能写的属性也不同 1234<marquee loop="1" bgcolor="blue"> i love the world! <input type="password"...
HTML5
1.HTML5 简介1.1 什么是 HTML5? HTML5 是新一代的 HTML 标准,2014 年 10 月由万维网联盟( W3C )完成标准制定。 官网地址: W3C 提供: https://www.w3.org/TR/html/index.html WHATWG 提供:https://whatwg-cn.github.io/html/multipage HTML5 在狭义上是指新一代的 HTML 标准,在广义上是指:整个前端。 1.2 HTML5 优势 针对JavaScript,新增了很多可操作的接口。 新增了一些语义化标签、全局属性。 新增了多媒体标签,可以很好的替代flash。 更加侧重语义化,对于SEO更有好。 可移植性好,可以大量应用在移动设备上。 1.3 HTML5 兼容性 支持:chrome、Safari、Oprea、Firefox等主流浏览器 IE 浏览器必须是 9 及其以上版本才支持 HTML5,且 IE9 仅支持部分 HTML5 新特性。
HTML字符实体
1.定义 在 HTML 中,可以用一种特殊形式的内容,来表示某个符号,这种特殊形式的内容,就是 HTML 实体。 字符实体由三部分组成,一个&和一个实体名称(或一个#和一个实体编号),最后再加上一个分号;。 2.常见字符实体总结 描述 实体名称 实体编号 空格   < 小于号 < < > 大于号 > > & 和号 & & ¥ 元 ¥ ¥ ©️ 版权 © © × 乘号 × × ÷ 除号 ÷ ÷
HTML5
1.定义2.常用的全局属性 属性名 含义 id 给标签指定唯一标识,注意id是不能重复的;作用:可以让label标签与表单控件相关联,也可以与CSS、JavaScript配合使用。注意:不能在以下 HTML 元素中使用:<head>,<html>,meta,<script>,<style>,<title> class 给标签指定类名,随后可以通过CSS给标签设置样式 style 给标签设置CSS样式 dir 内容的方向,值:ltr,rtl,表示文字在屏幕靠左还是靠右注意:不能在以下 HTML 元素中使用:<head>,<html>,meta,<script>,<style>,<title> title 给标签设置一个文字提示,一般超链接和图片用的比较多 lang 给标签指定语言,具体规范和可选值可以参考官方文档。注意:不能在以下 HTML...
HTML标签
1.标签总览 标签名 标签含义 单/双标签 h1 ~ h6 标题 双 p 段落 双 div 没有任何含义,用于整体布局 双 em 要着重阅读的内容 双 strong 十分重要的内容(语气比 em 要强) 双 span 没有语义,用于包裹短语的通用容器 双 cite 作品标题(书籍、歌曲、电影、电视节目、绘画、雕塑) 双 dfn 特殊术语、或专属名词 双 del 与 ins 删除的文本【与】插入的文本 双 sub 与 sup 下标文字【与】上标文字 双 code 一段代码 双 samp 从正常的上下文中,将某些内容提取出来,例如:标识设备输出 双 kbd 键盘文本,表示文本是通过键盘输入的,经常用在与计算机相关的手册中 双 abbr 缩写,最好配合上 title 属性 双 bdo 更改文本方向,要配合 dir 属性,可选值:ltr(默认值)、rtl 双 var 标记变量,可用与 code...
HTML表格
1.标签总览 标签名 标签含义 标签属性 单双标签 <table></table> 表格标签 broder:给表格加框线 双 <caption></caption> 表格标题 双 <thead></thead> 表格头部 双 <tbody></tbody> 表格主体 双 <tfoot></tfoot> 表格脚注 双 <tr> 行 双 <th> 单元格,用于表格头部 双 <td> 单元格数据,用于表格主体与表格脚注 双 2.表格组成 一般由:表格标题、表格头部、表格主体、表格脚注组成,表格脚注可写可不写。表格头部组成表格主体组成表格脚注组成 3.表格常用属性3.1 table 常用标签的属性 borderborder 的值如果大于...