自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 css 背景图片

背景图片插入: background-image:url(路径); 背景图片平铺 background-repeat:no-repeat/repeat-x/repeat-y; 默认平铺 ****背景图片位置 background-position:x y; 如果两个值都是方位名词 顺序无关 如left top和top left效果一致 如果指定了一个方位名词,另一个值省略,则第二个值默认居中对齐 ...

2020-06-21 15:04:56 88

原创 css 元素转换

转换为块级元素 display:block; 比如超链接一整块都能点 转换为行内元素 display:inline; 转换为行内块元素 display:inline-block;

2020-06-21 15:03:04 276

原创 css 块元素 行内元素 行内块元素

块元素 常见的有h p div ul ol li 独占一行、高度宽度边距可以控制、是一个容器及盒子,里面可以放行内或者块级元素 可以包含任何标签 文字类元素不能使用块级元素 比如p h里面不能放块级元素 行内元素 a strong b em del span 也叫内联元素 宽高直接设置是无效的 只能容纳文本或其他行内元素 特殊情况a 可以放块级元素 行内块元素 <img /> <input /> <td> 同时具有块元素和行元素的特点 他们之间有空白间隙,一行可以显示

2020-06-21 15:02:27 173

原创 css 复合选择器

复合选择器: 后代选择器 元素1 元素2 { } 表示选择元素1里面所有元素2 元素1元素2之间用空格隔开 元素3 元素4以此类推 子选择器: 元素1>元素2{ } 只选择元素1最近一级元素2 并集选择器: 元素1,元素2{ } 选择多组标签,同时为他们定义相同的样式 伪类选择器: 链接伪类 a:link 选择没被访问的链接 a:visited 访问过 a:hover 指针位于链接上 a:active 活动链接(鼠标一直按着没松开的链接) 要按照顺序声明 向某些选择器添加特殊的效果 focu.

2020-06-21 14:59:28 101

原创 css 快捷

生成多个标签 加上* 比如div*3就可以生成3个div 父子级标签用> 比如ol>li

2020-06-21 14:58:43 98

原创 css 文本

对齐文本 div {text-align:center;} left right center 装饰文本 text-decoration : xxxxx none 默认 underline 下划线 overline上划线 line-through删除线 因为超链接有下划线,一般会给超链接取消下划线 a {text-decoration: none;} 文本缩进 text-indent 对文本第一行缩进 通常将段落的首行缩进 2em为缩进当前元素2个文字大小的距离 还可以是负数 行间距 ...

2020-06-21 14:56:40 95

原创 css 字体

CSS字体 font-family <style> div { font-family: "宋体", "微软雅黑"; } </style> <body> <div>22222</div> <div>24</div> <div>555</div> <div>2666</div> &...

2020-06-21 14:56:01 78

原创 css 基础选择器

css 层叠样式表 cascading style sheets 也叫css样式表、级联样式表。在<head>里 由两个主要的部分构成:选择器、一条或多条声明。 选择器{样式} 给谁改样式{改什么样式} 选择器分为 基础选择器: 单个选择器组成 包括标签选择器、类选择器、id选择器和通配符选择器 标签选择器: p { color: blue; font-size: 112px; } ...

2020-06-21 14:55:19 80

原创 html label标签

<label>标签 绑定一个表单元素,当点击标签内文本时,浏览器就会自动将焦点(光标) 转到或者选择对应的表单元素上,用来增加用户体验。 eg: <label for = "sex">男</label> <input type = "radio" name="sex" id="sex" /> (for和id的值要相等) ...

2020-06-18 14:13:50 94

原创 html表单标签

表单由表单域、表单控件(表单元素)、提示信息组成 表单域<form> 把它范围内的表单元素信息提交给服务器 action 用于指定接收并处理表单数据的服务器程序的url地址 method 提交方式,get或者post name 指定表单的名称 <form action = "url地址" method = "提交方式" name = "表单域名称"> 各种表单元素控件 </form> 表单控件: 1.<input /> 收集用户信息 为单标签 &lt..

2020-06-18 14:13:19 173

原创 html列表标签

无序列表<ul> 列表项<li> <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> 没有顺序级别之分 并列的 <ul>里只能嵌套<li> <li>可以嵌套其他元素 有序列表<ol> 列表项<li> 自定义列表<dl> 对术语或名词进行解释或描...

2020-06-18 14:12:02 77

原创 html表格标签

表格标签 不是布局页面,是展示数据 1.<table></table>是定义表格的标签 2.<tr></tr>定义表格中的行,必须嵌套<table></table>中 3.<td></td>定义表格中的单元格,必须嵌套<tr></tr>中 表头单元格标签 在表格第一行或第一列 会加粗居中显示 <th></th> 表格属性(要写到table标签中) 不常用 后面通

2020-06-18 14:11:30 115

原创 html第二天

标题标签:<h1>-<h6> 逐级递减 每行一个 粗体 段落标签:<p> 分成段落 根据浏览器窗口大小自动换行 换行标签:<br/> 单标签 让文本强制换行 没有段落的间距 加粗标签:<strong> <b> 倾斜标签:<em> <i> 删除线标签:<del> <s> 下划线标签:<ins> <u> 前者语义更强...

2020-06-18 14:09:57 82

原创 html第一天

在和之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。 ...

2020-06-16 21:20:05 76

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除