ul | 易学教程

day1-css练习[新浪首页顶部栏]

阅读更多关于 day1-css练习[新浪首页顶部栏]

直接贴代码吧： html代码 <div class="border-01"> <div class="border-001"> <ul class="weibo-left"> <li><a href="#">设置为首页</a></li> <li><a href="#">手机新浪网</a></li> <li><a href="#">移动客户端</a></li> </ul> <ul class="weibo-right"> <li><a href="#">登录</a></li> <li class="weibo"> <a href="#">微博</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">博客</a></li> <li><a href="#">邮箱</a></li> <li><a href="#">网站导航</a></li> </ul> </div> css代码： body,div{ margin: 0; padding: 0; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体"; } ul,li{ list-style: none;

Web全栈-标签选择器

阅读更多关于 Web全栈-标签选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标签选择器</title> <style> p{ color: red; } h1{ color: blue; } </style> </head> <body>  <p>我是段落</p> <p>我是段落</p> <p>我是段落</p> <p>我是段落</p> <ul> <li> <ul> <li> <ul> <li> <p>我是段落</p> </li> </ul> </li> </ul> </li> </ul> <h1>我是标题</h1> </body> </html> 来源： https://www.cnblogs.com/yindanny/p/11669219.html

Web全栈-无序列表

阅读更多关于 Web全栈-无序列表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>无序列表</title> <style type="text/css"> ul { list-style: none; } li { float: left; /*列表内容变成横向*/ background-color: yellow; width: 150px; height:50px; text-align: center; line-height: 50px; } </style> </head> <body> <!-- 1.什么是列表标签? 列表标签的作用: 给一堆数据添加列表语义, 也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体 2.HTML中列表标签的分类 2.1无序列表(最多)(unordered list) 2.2有序列表(最少)(ordered list) 2.3定义列表(其次)(definition list) 3.无序列表作用: 给一堆数据添加列表语义, 并且这一堆数据中所有的数据都没有先后之分什么叫有先后之分? 例如: 排行榜什么叫没有先后之分? 例如: 中国有哪些城市 4.无序列表格式: <ul> <li>需要显示的条目内容</li> </ul> li其实是英文list item的缩写 list是列表的意思

jquery二级菜单。显示了jquery的方便

阅读更多关于 jquery二级菜单。显示了jquery的方便

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> ul ul{display: none} .nav{ width: 180px; height: 180px; background-color: red; } </style> </head> <body> <ul class="nav"> <li> <span>一级菜单</span> <ul> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> </ul> </li> <li> <span>一级菜单</span> <ul> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> </ul> </li> <li> <span>一级菜单</span> <ul> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单<

导航栏

阅读更多关于导航栏

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width ,initial-scale=1"> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <style> .nav{ background-color: #3a3a3a; height: 65px; } ul{ overflow: hidden; } ul li{ float: left; {# 清除浮动 #} list-style: none; {# 去除li标签前面的小圆点 #} padding: 0 10px; {# li之间的间隔 #} line-height: 65px; {# 居中 #} } ul li a{ color: white; text-decoration:none; {# a 标签的下划线去掉 #} } </style> </head> <body> <div class="nav"> <ul> <li><a href="#">小米商城</a></li> <li><a href="#">云服务</a></li> <li><a

12-JSX得class得设置.html

阅读更多关于 12-JSX得class得设置.html

<body> <div id='root'></div> <script src="./react.js"></script> <script src="./react-dom.js"></script> <script src="./babel.min.js"></script> <script type="text/babel"> var arr=['111','222','333'] //只给第一项加active 如果多项要active 可以用插件，后面讲 ReactDOM.render(( <ul> {arr.map((val,index)=>{ return (<li key={index} className={index==0?'active':''}>{index}---{val}</li>) }) } </ul> ),document.getElementById('root')) </script> 来源： https://www.cnblogs.com/lucy-xyy/p/11643878.html

jquery基础学习

阅读更多关于 jquery基础学习

1.jquery 1 WHAT :轻量级功能强大的 javascript 库 2.选择器： $ 是构造函数，就是 jquery ， $('body') 返回的是一个伪数组，不是一个数组，是一个 jquery 的一个实例，可以使用单引号和双引号,但是 html 和 body 只能用单引号，否则无法选中。 var b = $("body");b instanceof Array;//false var b = $("body");b instanceof jQuery; jquery 对象的方法是定义在 jquery 构造函数的原型之上的， jquery.prototype.addClass(); 也有直接构造在 jquery 上的方法 jquery.ajax(); 3.属性 html,val,prop,attr html 对应 innerHtml , val 对应 value , $("input").keyup = function (){ var v= this .val(); this .val(v + "px");} prop 对应 property 指的是树上选取下来的节点它对象的属性, attr 对应 attribute 指的是元素标签内的属性,通常情况下他们的值是一一对应的。比如 attr 的 class 和 prop 上的 className ,他们的名字虽然不同

html的ul和li元素

阅读更多关于 html的ul和li元素

块元素：div p h ul li ul：整个列表 li:列表中的每一项什么时候用列表：当出现了一系列相同样式的结构之后，优先考虑列表来写内联元素:span a img 文字的样式文字居中：text-align:center （让元素里面的文字居中）(文字离谁近听谁的) 颜色 color 里面的文字是什么颜色文字上下居中设置行高和外面的块一none样高近几天代码补充：文字居中text-align:center 清除默认样式：*{margin：0；padding：0；} 清除ul样式 li{list-style：none} 内联样式要有宽高 display：inline-block （展示：内联和块元素）文字里面对齐要使用行高：line-height：XXpx XX跟你外面块高度一样来源： CSDN 作者： Theworld007 链接： https://blog.csdn.net/Theworld007/article/details/102681381

jQuery动态操作元素

阅读更多关于 jQuery动态操作元素

1. 动态创建元素语法： $('<li></li>'); 返回一个新创建的jQuery对象 2. 动态追加元素 1）向父元素最后追加　　语法1：新创建jQuery对象.appendTo('父元素选择器' 或父元素jQuery对象); 1 <body> 2 <button>点击追加li</button> 3 <ul class="ul1"></ul> 4 <script src="lib/jquery-1.12.4.js"></script> 5 <script> 6 $('button').click(function() { 7 //创建jQuery对象li。li中的内容可以.text() 8 // var newLi = $('<li>我是新li</li>'); 9 var newLi = $('<li></li>').text(Math.random()); 10 //追加到ul中。appendTo()中的内容可以放任何能表示ul的方法。 11 // newLi.appendTo( 'ul' ); 12 // newLi.appendTo( $('.ul1') ); 13 newLi.appendTo( $('.ul1')[0] ); 14 }); 15 </script> 16 </body> 　　语法2：父元素jQuery对象.apeend

爬虫——BeautifulSoup初识

阅读更多关于爬虫——BeautifulSoup初识

BeautifulSoup是一个灵活又方便的网页解析库，处理高效，支持多种解析器。利用它就不用编写正则表达式也能方便的实现网页信息的抓取。 Quick Start 直接通过官方文档的例子，大致了解一下 html_doc = """ <html><head><title>The Dormouse's story</title></head> <body> <p class="title"><b>The Dormouse's story</b></p> <p class="story">Once upon a time there were three little sisters; and their names were <a href="http://example.com/elsie" class="sister" id="link1">Elsie</a>, <a href="http://example.com/lacie" class="sister" id="link2">Lacie</a> and <a href="http://example.com/tillie" class="sister" id="link3">Tillie</a>; and they lived at the bottom of a well.</p> <p class="story">...

订阅 ul