HTML
文章平均质量分 55
慕水渔
这个作者很懒,什么都没留下…
展开
-
相对路径与绝对路径
相对路径与绝对路径绝对路径:是从盘符开始的路径,形如C:\windows\system32\cmd.exe相对路径:是从当前路径开始的路径,相对于当前位置的路径例如:…/imgers/1.jpg...原创 2019-04-03 21:32:29 · 153 阅读 · 0 评论 -
表格与表单
1、表单button按钮(不进行提交)<input type="button" value="按钮内容" /><button type="reset"> </button>单选框(单选按钮)<input type="radio" name="ral" />复选框<input type="checkbox" name="like...原创 2019-08-11 19:47:56 · 128 阅读 · 0 评论 -
自适应布局
宽高自适应宽度自适应元素宽度设置为100%。(块元素宽度默认为100%)高度自适应设置方法:html,body{height:100%;}自适应元素高度:height:100%;动态计算高宽公式:例width:calc(100% - 100px)原创 2019-08-11 19:45:40 · 135 阅读 · 0 评论 -
兼容
兼容来因由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。五大浏览器内核Trident (MSHTML,IE核心) IE浏览器 (三叉戟;三叉线;三齿鱼叉)Gecko (壁虎) 火狐Presto (...原创 2019-08-11 19:44:54 · 179 阅读 · 0 评论 -
元素类型+定位
1、元素类型块状元素块状元素在网页中以块的形式存在默认情况下,块状元素都会占据一行块状元素可以定义自己的宽高块状元素可以作为其他元素的容器,可以包含块元素和内联元素例:div dl form h1 h2… hr ol p table ul等注意:h1-h6、p标签里面不能包含其他块元素,包含本身内联元素内联元素逐个在行内显示内联元素不能定义它的宽和高,它的宽和高根据内容来确定...原创 2019-08-11 19:44:08 · 248 阅读 · 0 评论 -
HTML+CSS属性
1、标签文本标题<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>注意:一级标题一般只使用一次,对网站logo使用转译字符&a...原创 2019-08-11 19:42:25 · 136 阅读 · 0 评论 -
HTML拖动与投放
div.function(e){ //拖拽开始事件 this.style.background="yellow"; num=this; e.dataTransfer.setData("text",this.innerHTML); //给拖动赋数据 e.dataTransfer.setDragImage(img,20,20); ...原创 2019-04-19 15:42:36 · 140 阅读 · 0 评论 -
HTML弹性盒子总结
设置渐变色:linear-gradient(to right,red,yellow) 第一个属性默认从上到下设置主轴(横轴)对齐方式: justify-contentflex-start:弹性盒子元素将向行起始位置对齐。flex-end:弹性盒子元素将向行结束位置对齐。center:弹性盒子元素将向行中间位置对齐。space-between:两端对齐,且分布在两端space-aroun......原创 2019-04-13 17:24:01 · 1682 阅读 · 0 评论 -
HTML表单元素
文本输入框<input type="text" required="required" placeholder="请输入账号"/>requried设置为必填项密码输入框<input type="password" />文件上传框<input type="file" />单选按钮: <input type="radio" name="sex" va...原创 2019-04-07 15:25:01 · 103 阅读 · 0 评论 -
相对定位、绝对定位、固定定位
1)相对定位如果想为元素设置层模型中的相对定位,需要设置position:relative;,它还是会占用该元素在文档中初始的页面空间,通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置,然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。2)绝对定位如果想为元素设置层模型中的绝对定位,需要设pos...原创 2019-04-07 14:45:09 · 779 阅读 · 0 评论 -
css实战——旋转盒子
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> li{list-style:none} *{margin: 0;padding:0;} .op{ width:200p...原创 2019-04-07 14:14:39 · 3331 阅读 · 0 评论 -
HTML属性总结
li{list-style:none} 去掉列表符号border-top-width 设置上边框宽度border-top-color 设置上边框颜色border-radius:50%/10px 设置边角弧度line-height 行高text-indent:2em 首行缩进2个字符text-align:center 水平居中letter-spacing ...原创 2019-04-04 08:21:27 · 199 阅读 · 0 评论 -
HTML中块元素和行内元素
块级元素:块级大多为结构性标记<address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>...</h2> 标题二级 <h3>...</h3> 标题三级 <...原创 2019-04-03 22:16:04 · 226 阅读 · 0 评论 -
CSS引入、CSS选择器
内链式css样式表:就是把css代码直接写在现有的HTML标签中,具体的使用方法如下面所示:<divstyle=“color:red”>设置文字的颜色为红色内部CSS样式表:使用<style type="text/css"></style>在html本页上修改样式外部CSS样式表:使用link引入外部样式表,例如<link rel="styleshe...原创 2019-04-03 22:07:10 · 163 阅读 · 0 评论 -
常用标签、图像和超链接
HTML 标签属性::加粗:斜体:下划线:删除线:上标:下标<b>加粗</b><i>斜体</i><u>下划线</u><s>删除线</s><sup>上标</sup><sub>下标</sub><h1>一级标题</h...原创 2019-04-03 21:48:44 · 407 阅读 · 0 评论 -
列表
定义有序列表。定义无序列表。定义列表项。定义定义列表。定义定义项目。定义定义的描述。原创 2019-04-03 21:39:10 · 94 阅读 · 0 评论 -
BFC
BFCBFC的布局规则一、内部的Box会在垂直方向,一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠三、每个元素的margin box的左边, 与包含块border box的左边相接触四、BFC的区域不会与float box重叠。五、BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。六、计...原创 2019-08-11 19:49:20 · 101 阅读 · 0 评论