随笔分类 -  HTML

1
HTML 简单事件绑定 ------- 隐藏盒子
摘要：1 2 3 4 5 6 7 8 26 27 阅读全文
posted @ 2017-06-13 10:56 yimian 阅读(903) 评论(0) 推荐(0)
HTML 已浏览的导航样式改变
摘要：效果：点击后 显示已浏览样式 外链式js 阅读全文
posted @ 2017-06-13 10:48 yimian 阅读(330) 评论(0) 推荐(0)
HTML css/style/关键字位置不同
摘要：两边的backgroundcolor 关键字名字不同 body style 里的写法 阅读全文
posted @ 2017-06-13 10:44 yimian 阅读(638) 评论(0) 推荐(0)
HTML 标签权重比较
摘要：div a span 1.box .site-nav 10#box #site 100<div style= 'width'> 1000!important 无穷大 .site-nav-r li {} .site-nav-r 10+ 1 li = 权限11 阅读全文
posted @ 2017-05-04 17:01 yimian 阅读(2656) 评论(0) 推荐(0)
HTML 首页倒三角形导航块
摘要：制作效果： 制作模型： 阅读全文
posted @ 2017-05-04 11:04 yimian 阅读(1091) 评论(0) 推荐(0)
HTML overflow:hidden
摘要：overflow:hidden的作用 overflow:hidden的作用 功能1、隐藏溢出 在IE6下，当子容器的宽高超出父容器时，父容器就会被撑开来。 要想解决这个问题，在父容器中除定义宽和高的值以外，还必须写overflow:hidden，这样就能把子容器的其它内容隐藏。 但是在火狐或者其他浏 阅读全文
posted @ 2017-05-04 10:21 yimian 阅读(749) 评论(0) 推荐(0)
HTML padding ,margin
摘要：padding ,margin标记可以带一个、二个、三个、四个参数，各有不同的含义 margin: 20px;（上、下、左、右各20px。） margin: 20px 40px;（上、下20px；左、右40px。） margin: 20px 40px 60px;（上20px；左、右40px；下60p 阅读全文
posted @ 2017-05-04 09:45 yimian 阅读(274) 评论(0) 推荐(0)
HTML 标签包含规范，规避脱标流，图片和文字垂直居中对齐，
摘要：１ 标签包含规范 ◆div可以包含所有的标签。 ◆p标签不能包含div h1等标签。 ◆h1可以包含p，div等标签。 ◆行内元素尽量包含行内元素，行内元素不要包含块元素。 2 规避脱标流 ◆尽量使用标准流。 ◆标准流解决不了的使用浮动。 ◆浮动解决不了的使用定位。 使得绿色盒子跑到右边 设置盒子 阅读全文
posted @ 2017-04-08 14:43 yimian 阅读(303) 评论(0) 推荐(0)
HTML 定位二
摘要：１.1 文档流(标准流) 元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行 行内元素独占一行 １.2 浮动 Float:left | right 特点: 不占据原来的位置，会脱标。 可以让块元素在一行上显示。 可以将行内元素转成行内块。（不推荐使用） １.3 清除 阅读全文
posted @ 2017-04-07 14:55 yimian 阅读(183) 评论(0) 推荐(0)
HTML 文档流 ,overflow属性,定位
摘要：行内元素可以定义左右的内外边距，上下会被忽略掉。 a 是行内元素 行内块可以定义内外边距。 文档流（标准流） 元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。 定位 定位方向: left | right | top | bottom ◆position:stat 阅读全文
posted @ 2017-04-07 10:39 yimian 阅读(492) 评论(0) 推荐(0)
HTML 盒子模式的相关问题
摘要：行元素没浮动之前 ，独占一行 消除浮动 第二种 ：消除浮动 ★给父集元素使用overflow:hidden; bfc 如果有内容出了盒子，不能使用这个方法。 ★伪元素清除浮动 推荐使用 阅读全文
posted @ 2017-04-02 09:31 yimian 阅读(425) 评论(0) 推荐(0)
HTML 盒子模型
摘要：１ 盒子模型 １.1 边框 border Border-top-style: solid 实线 dotted 点线 dashed 虚线 Border-top-color 边框颜色 Border-top-width 边框粗细 ◆边框属性的连写 特点：没有顺序要求，线型为必写项。 ◆四个边框值相同的写 阅读全文
posted @ 2017-03-31 13:34 yimian 阅读(377) 评论(0) 推荐(0)
HTML 行高
摘要：１ 行高 ◆浏览器默认文字大小 浏览器默认文字大小：16px 行高：是基线与基线之间的距离 行高=文字高度+上下边距 一行文字行高和父元素高度一致的时候，垂直居中显示。 2 行高的单位 总结:单位除了像素以为，行高都是与文字大小乘积。 总结:不带单位时，行高是和子元素文字大小相乘，em和%的行高是 阅读全文
posted @ 2017-03-29 10:15 yimian 阅读(2190) 评论(0) 推荐(0)
HTML 超链接 文本修饰 背景属性
摘要：１ 链接伪类 a:link{属性:值;} a{属性:值}效果是一样的。 a:link{属性:值;} 链接默认状态 a:visited{属性:值;} 链接访问之后的状态 a:hover{属性:值;} 鼠标放到链接上显示的状态 a:active{属性:值;} 链接激活的状态 a:focus{属性:值； 阅读全文
posted @ 2017-03-28 15:37 yimian 阅读(2557) 评论(0) 推荐(0)
HTML 标签分类
摘要：标签分类 1.块元素 典型代表,Div,h1-h6,p,ul,li 特点: ★独占一行 ★可以设置宽高 ★ 嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致。 2. 行内元素 典型代表 span ,a, ,strong , em, del, ins 特点：★在一行上显示 ★不能直 阅读全文
posted @ 2017-03-28 09:43 yimian 阅读(280) 评论(0) 推荐(0)
HTML 文字，样式表
摘要：font-size:16px; 文字大小 Font-weight: 700 ; 值从100-900，文字粗细，不推荐使用font-weight:bold; Font-family:微软雅黑; 文本的字体 Font-style: normal | italic; normal 默认值 italic 斜 阅读全文
posted @ 2017-03-27 11:20 yimian 阅读(497) 评论(0) 推荐(0)
HTML CSS
摘要：◆标签选择器： 选择器{属性:值； 属性:值;} 属性 解释 Width:20px; 宽 Height:20px; 高 Background-color:red; 背景颜色 font-size:24px; 文字大小 text-align:left | center| right 内容的水平对齐方式 阅读全文
posted @ 2017-03-25 13:30 yimian 阅读(205) 评论(0) 推荐(0)
HTML 列表
摘要：无序列表 type=”square” 小方块 Type=”disc” 实心小圆圈 Type=”circle” 空心小圆圈 有序列表 type=”1,a,A,i,I” type的值可以为1,a,A,i,I start=”3” 决定了开始的位置。 自定义列表 <dl> <dt></dt> 小标题 <dd 阅读全文
posted @ 2017-03-23 16:42 yimian 阅读(107) 评论(0) 推荐(0)
HTML 锚点 空链 超链优化写法
摘要：１ 另存为 ctrl+shift+s １.1 锚链接 1.先定义一个锚点 <p id="sd"> 2.超链接到锚点 <a href="#sd">回到顶部</a> 1.2 空链 不知道链接到那个页面的时候，用空链 <a href="#">空链</a> １.3 超链接优化写法 <base target 阅读全文
posted @ 2017-03-23 15:51 yimian 阅读(392) 评论(0) 推荐(0)
HTML 相对路径和绝对路径
摘要：相对于文件自身出发，就是相对路径。 跳出当前目录使用../ ◆文件和图片（html文档）在同一个目录(文件夹) ，直接写文件名。 ◆图片（html文档）在文件在下一级目录里。文件夹名称+/+图片（html）名称 ◆图片（html）在文件的上一级目录里，..+/+图片（html）名称 ◆图片在文件的上 阅读全文
posted @ 2017-03-23 13:43 yimian 阅读(217) 评论(0) 推荐(0)

1
访问人数：AmazingCounters.com