随笔分类 -  WEB-前端

CSS(三)--自定义标签
摘要:HTML代码 <body> <ul> <li>1</li> <li>2</li> </ul> </body> CSS代码 em{ font-style:normal; //将em标签原有功能去掉 color:#c00; //设置新的功能,颜色为红色(百度搜索关键字,这么设置) } ul{ list- 阅读全文
posted @ 2019-01-31 15:25 xibuhaohao 阅读(289) 评论(0) 推荐(0)
HTML(六)--总结
摘要:1.行级元素/内联元素 inline 特点: 1)内容决定元素所占位置(所占大小),不独占一行 2)元素之间存在默认大小的间隙 3)不可以通过CSS改变宽高 span strong em a del 2.块级元素 block 特点: 1)独占一行 2)可以通过CSS改变宽高 div p ul li 阅读全文
posted @ 2019-01-31 15:15 xibuhaohao 阅读(110) 评论(0) 推荐(0)
HTML(五)选择器--伪类选择器
摘要:HTML代码 <body> <a href="www.baidu.com">www.baidu.com</a> </body> CSS代码 a:hover{ background-color:orange; border-radius;10px; //边框圆角展示 } hover: 当鼠标移入CSS 阅读全文
posted @ 2019-01-31 14:21 xibuhaohao 阅读(180) 评论(0) 推荐(0)
CSS(二)属性--文本设置
摘要:HTML代码一 <body> <div>这是一个很黑很黑的夜晚,黑云密布,没有任何光亮透过。卖火柴的小姑娘。。。。。。。</div> </body> CSS代码 div{ border:1px solid black; //长宽由div内的文字撑开 height:200px; text-align: 阅读全文
posted @ 2019-01-31 12:02 xibuhaohao 阅读(143) 评论(0) 推荐(0)
CSS(一)属性--border边框
摘要:HTML代码 <body> <div>举个例子</div> </body> CSS代码: div{ font-size:12px; //字体大小,默认是16像素,互联网一般12或者14像素,(游览器字体都是设置字体的高) font-weight:bold; //加粗,等价于HTML标签strong, 阅读全文
posted @ 2019-01-31 11:42 xibuhaohao 阅读(322) 评论(0) 推荐(0)
HTML(三)选择器--复杂选择器
摘要:1、父子选择器/派生选择器 <div calss="wrapper"> <span calss="box">123</span> </div> <span>456</span> 1)方式一 div span{ background-color:red; } 2)方式二 .wrapper span{ 阅读全文
posted @ 2019-01-30 16:53 xibuhaohao 阅读(235) 评论(0) 推荐(0)
HTML(二)选择器
摘要:1、id选择器 一对一关系 <div id="only">123</div> #only{ background-color:black; } 2、class选择器 多对多关系 <div class="demo1 demo2">123</div> .demo1{ } .demo2{ } 3、标签选择 阅读全文
posted @ 2019-01-30 16:18 xibuhaohao 阅读(163) 评论(0) 推荐(0)
HTML(四)Form标签
摘要:<form>…</form> 定义供用户输入的 HTML 表单 例子 <html> <body> <form method="get" action=""> username:<input type="text" name="username" value=“请输入用户名”> //输入框,name数 阅读全文
posted @ 2019-01-30 15:25 xibuhaohao 阅读(168) 评论(0) 推荐(0)
JQuery button控制div或者section
摘要:一、项目你需求 点击左边导航栏的某个按钮,右边内容栏显示出,相应的内容 效果如图 二、html与css、jQuery 1、div模式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T 阅读全文
posted @ 2019-01-24 11:54 xibuhaohao 阅读(323) 评论(0) 推荐(0)
Jquery
摘要:一、jq简介 jq其实就是js的一个文件。 二、jq书写步骤 1、先引入jq文件(min的文件) <script type="text/javascript" src="file:///C|/jquery/jquery-3.3.1.min.js"></script> 2、换新的一行写js代码 <sc 阅读全文
posted @ 2019-01-23 14:56 xibuhaohao 阅读(277) 评论(0) 推荐(0)
JavaScript
摘要:一、JS组成部分 1、 2、 3、 二、JS作用 阅读全文
posted @ 2019-01-14 14:06 xibuhaohao 阅读(83) 评论(0) 推荐(0)
HTML(一)基础
摘要:一、HTML简介 文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。 HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。所谓超级链接,就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HT 阅读全文
posted @ 2018-12-28 18:37 xibuhaohao 阅读(178) 评论(0) 推荐(0)