随笔- 807
文章- 150
评论- 23
阅读-
151万
随笔分类 - WEB前端-HTML+CSS
HTML中元素的position属性详解
摘要：HTML中元素的position属性详解 转载自：https://blog.csdn.net/wangzunkuan/article/details/81540935 HTML中元素的position属性详解 转载自：https://blog.csdn.net/wangzunkuan/article
阅读全文
CSS padding margin border属性详解
摘要：转载自：https://www.cnblogs.com/linjiqin/p/3556497.html CSS padding margin border属性详解 图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定
阅读全文
CSS--margin塌陷
摘要：margin塌陷 解决方法： 1、给父级顶加上一条线，不太合适。 2、bfc block format context 设定bfc后，特定的盒子会遵循另一套语法规则，解决了margin塌陷 触发bfc元素 1）position:absolute; 2）display:inline-block; 3）
阅读全文
CSS多div放一行
摘要：HTML代码 <body> <div class="right"></div> <div class="left"></div> </body> CSS代码 *{ margin:0; padding:0; } .right{ position:absolute; right:0; width:100
阅读全文
盒子定位与层模型
摘要：一、position定位参数，配合参数left、right、top、bottom position:absolute; //定位，脱离原来位置，进行定位 HTML代码 <body> <div></div> </body> CSS代码 div{ position:absolute; //定位，脱离原来
阅读全文
盒子模型
摘要：任何一个元素都是一个盒子 一、盒子的组成部分（盒子三大部分） 1.盒子壁 border 2.内边距 padding 3.盒子内容 width + height 二、盒子模型 margin + border + padding + (content = width + height) margin 外
阅读全文
CSS(三)--自定义标签
摘要：HTML代码 <body> <ul> <li>1</li> <li>2</li> </ul> </body> CSS代码 em{ font-style:normal; //将em标签原有功能去掉 color:#c00; //设置新的功能，颜色为红色（百度搜索关键字，这么设置） } ul{ list-
阅读全文
HTML(六)--总结
摘要：1.行级元素/内联元素 inline 特点： 1）内容决定元素所占位置（所占大小），不独占一行 2）元素之间存在默认大小的间隙 3）不可以通过CSS改变宽高 span strong em a del 2.块级元素 block 特点： 1）独占一行 2）可以通过CSS改变宽高 div p ul li
阅读全文
HTML(五)选择器--伪类选择器
摘要：HTML代码 <body> <a href="www.baidu.com">www.baidu.com</a> </body> CSS代码 a:hover{ background-color:orange; border-radius;10px; //边框圆角展示 } hover: 当鼠标移入CSS
阅读全文
CSS(二)属性--文本设置
摘要：HTML代码一 <body> <div>这是一个很黑很黑的夜晚，黑云密布，没有任何光亮透过。卖火柴的小姑娘。。。。。。。</div> </body> CSS代码 div{ border:1px solid black; //长宽由div内的文字撑开 height:200px; text-align:
阅读全文
CSS(一)属性--border边框
摘要：HTML代码 <body> <div>举个例子</div> </body> CSS代码： div{ font-size:12px; //字体大小，默认是16像素，互联网一般12或者14像素，（游览器字体都是设置字体的高） font-weight:bold; //加粗，等价于HTML标签strong，
阅读全文
HTML(三)选择器--复杂选择器
摘要：1、父子选择器/派生选择器 <div calss="wrapper"> <span calss="box">123</span> </div> <span>456</span> 1)方式一 div span{ background-color:red; } 2）方式二 .wrapper span{
阅读全文
HTML(二)选择器
摘要：1、id选择器 一对一关系 <div id="only">123</div> #only{ background-color:black; } 2、class选择器 多对多关系 <div class="demo1 demo2">123</div> .demo1{ } .demo2{ } 3、标签选择
阅读全文
HTML(四)Form标签
摘要：<form>…</form> 定义供用户输入的 HTML 表单 例子 <html> <body> <form method="get" action=""> username:<input type="text" name="username" value=“请输入用户名”> //输入框，name数
阅读全文
HTML(一)基础
摘要：一、HTML简介 文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。 HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HT
阅读全文
