- 博客(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
144
原创 css 元素转换
转换为块级元素display:block;比如超链接一整块都能点转换为行内元素display:inline;转换为行内块元素display:inline-block;
2020-06-21 15:03:04
373
原创 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
270
原创 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
157
原创 css 文本
对齐文本div {text-align:center;}left right center装饰文本text-decoration : xxxxxnone 默认underline 下划线overline上划线line-through删除线因为超链接有下划线,一般会给超链接取消下划线a {text-decoration: none;}文本缩进text-indent 对文本第一行缩进 通常将段落的首行缩进2em为缩进当前元素2个文字大小的距离 还可以是负数行间距...
2020-06-21 14:56:40
156
原创 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
138
原创 css 基础选择器
css 层叠样式表 cascading style sheets也叫css样式表、级联样式表。在<head>里由两个主要的部分构成:选择器、一条或多条声明。 选择器{样式} 给谁改样式{改什么样式}选择器分为基础选择器:单个选择器组成包括标签选择器、类选择器、id选择器和通配符选择器标签选择器:p { color: blue; font-size: 112px; }...
2020-06-21 14:55:19
128
原创 html label标签
<label>标签绑定一个表单元素,当点击标签内文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验。eg:<label for = "sex">男</label><input type = "radio" name="sex" id="sex" />(for和id的值要相等)...
2020-06-18 14:13:50
153
原创 html表单标签
表单由表单域、表单控件(表单元素)、提示信息组成表单域<form>把它范围内的表单元素信息提交给服务器action 用于指定接收并处理表单数据的服务器程序的url地址method 提交方式,get或者postname 指定表单的名称<form action = "url地址" method = "提交方式" name = "表单域名称"> 各种表单元素控件</form>表单控件:1.<input /> 收集用户信息 为单标签<..
2020-06-18 14:13:19
249
原创 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
128
原创 html表格标签
表格标签不是布局页面,是展示数据1.<table></table>是定义表格的标签2.<tr></tr>定义表格中的行,必须嵌套<table></table>中3.<td></td>定义表格中的单元格,必须嵌套<tr></tr>中表头单元格标签在表格第一行或第一列 会加粗居中显示<th></th>表格属性(要写到table标签中)不常用 后面通
2020-06-18 14:11:30
199
原创 html第二天
标题标签:<h1>-<h6> 逐级递减 每行一个 粗体段落标签:<p> 分成段落 根据浏览器窗口大小自动换行换行标签:<br/> 单标签 让文本强制换行 没有段落的间距加粗标签:<strong> <b>倾斜标签:<em> <i>删除线标签:<del> <s>下划线标签:<ins> <u> 前者语义更强...
2020-06-18 14:09:57
131
原创 html第一天
在和之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。...
2020-06-16 21:20:05
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅