ul

前端学习笔记-CSS

笑着哭i 提交于 2019-12-07 00:09:30
CSS的引入方式:   内嵌式引入:在标签内直接使用style属性,每个样式使用分号隔开。 1 <div style="color: red;font-size:25px ; 2 font-family: 'Microsoft Yahei';line-height: 50px"> 3 窗前明月光,<br /> 4 疑是地上霜。<br /> 5 举头望明月,<br /> 6 低头思故乡。<br /> 7 </div>   外联式引入:使用link标签引入本地css样式文件。 1 <link rel="stylesheet" type="text/css" href="main.css"> CSS选择器:   标签选择器:当前html下的所有div样式都是被设置成这样。 div{ color: red; }   id选择器:只能选择一个标签的一个id,但权重要比类选择器大。 #div2{ color: green; } <div id="div2">遥看瀑布挂前川。</div>   类选择器:可选择多个标签,拓展性高。 .gold{ color: gold; } <div class="gold">飞流直下三千尺,</div>   层级选择器:即在class类选择器下空格加个标签,从而实现只修改某个类下的某个标签下的内容。 .list li{ height: 30px; } <div

angular 样式绑定的几种方式

前提是你 提交于 2019-12-06 14:32:21
class.className 直观,适合单一class的显示和隐藏 ngClass 非常灵活 , 可以同时操作几个类的改变 true为显示,false为失效 ngStyle 适合特殊需求,不需要class 子组件HTML<ul [ngStyle]="{'background-color':backgroundColor}"></ul> 子组件ts @Input() backgroundColor = '#fff'; 父组件HTML <app-scroll-table-tab backgroundColor="#ccc" ></app-scroll-table-tab> 来源: https://www.cnblogs.com/webmc/p/11990172.html

CSS中:first-child伪类

走远了吗. 提交于 2019-12-06 10:10:34
使用 :first-child 伪类来选择作为某个元素的第一个子元素。这个特定伪类很容易遭到误解,所以有必要举例来说明。考虑以下标记: 如下: html: <div> <p>These are the necessary steps:</p> <p>Do <em>not</em> push the brake at the same time as the accelerator.</p> <div> <ul> <li>香蕉</li> <li>苹果</li> <li>桃子</li> </ul> <ul> <li>香蕉</li> <li>苹果</li> <li>桃子</li> </ul> </div> </div> CSS: p:first-child{ color:red; } ul:first-child{ color:blue; } 效果如下: 来源: https://www.cnblogs.com/planetwithpig/p/11976223.html

我需要一个没有任何项目符号的无序列表

依然范特西╮ 提交于 2019-12-06 10:00:22
我创建了一个无序列表。 我觉得无序列表中的项目符号很麻烦,因此我想删除它们。 可以有没有项目符号的清单吗? #1楼 您可以通过在父元素(通常为 <ul> )的CSS上将 list-style-type 为 none 来删除项目符号,例如: ul { list-style-type: none; } 如果还希望删除缩进,则可能还需要在其中添加 padding: 0 和 margin: 0 。 有关列表格式技术的详细演练,请参见 Listutorial 。 #2楼 您需要使用 list-style: none; <ul style="list-style: none;"> <li> ...</li> </ul> #3楼 使用以下CSS: ul { list-style-type: none } #4楼 在CSS中... ul { list-style: none; } #5楼 在CSS中,样式 list-style-type: none; 来源: https://my.oschina.net/stackoom/blog/3136817

爬虫————获取图片(scrapy使用自带类 ImagesPipeline)

我们两清 提交于 2019-12-06 08:41:10
爬取的图片网址为: http://699pic.com/collectInfo/273785 解决问题的参考链接: https://blog.csdn.net/loner_fang/article/details/81111879 问题代码1 imgpro.py 1 # -*- coding: utf-8 -*- 2 import scrapy 3 4 from tupian.items import TupianItem 5 from scrapy.selector.unified import SelectorList 6 7 8 class ImgproSpider(scrapy.Spider): 9 name = 'imgpro' 10 #allowed_domains = ['699pic.com'] 11 start_urls = ['http://699pic.com/collectInfo/273785'] 12 13 def parse(self, response): 14 li_ul = response.xpath('/html/body/div[11]/div/ul') 15 # print(type(li_ul)) 16 for li in li_ul : 17 img_src = li.xpath('./li/a/img/@src').extract(

createDocumentFragment

北城以北 提交于 2019-12-06 08:02:10
createDocumentFragment是一块内存,不属性dom,可以把要添加的node放到这个内存里面,然后统一appendChild可以提高效率 //普通的作法 var ul = document.querySelector("ul"); for (var i = 0; i < 20000; i++) { var li = document.createElement("li"); li.innerHTML = "index: " + i; ul.appendChild(li); } //createDocumentFragment var ul = document.querySelector("ul"); var fragment = document.createDocumentFragment(); for (var i = 0; i < 20000; i++) { var li = document.createElement("li"); li.innerHTML = "index: " + i; fragment.appendChild(li); } ul.appendChild(fragment); 来源: https://my.oschina.net/u/2285087/blog/3136359

Jquery淡入淡出轮播图

情到浓时终转凉″ 提交于 2019-12-06 07:55:31
Jquery淡入淡出轮播图 因为代码不多所以我就写一个html文件里了 html代码 <div class="banner">   <ul>     <li><a href="javascript:;"><img src="./1 (1).png" /></a></li>     <li><a href="javascript:;"><img src="./1 (2).png" /></a></li>     <li><a href="javascript:;"><img src="./1 (3).png" /></a></li>     <li><a href="javascript:;"><img src="./1 (4).png" /></a></li>     <li><a href="javascript:;"><img src="./1 (5).png" /></a></li>   </ul>   <div class="arrow">     <span class="arrow-l"><</span>   <span class="arrow-r">></span>   </div>   <ol>     <li class="dot"></li>     <li></li>     <li></li>     <li></li>     <li></li>   <

MISRA C:2012 Dir-4.1 Code design

心不动则不痛 提交于 2019-12-06 06:28:02
2791 Definite: Right hand operand of shift operator is negative or too large. 移位操作过大或者是负数 void f1(unsigned long ul, int si) { if (si > 40) { ul = ul << si; /* 2791 */ } } void f2(unsigned long ul, int si) { if (si < 0) { ul = ul << si; /* 2791 */ } } 2845 Constant: Maximum number of characters to be written is larger than the target buffer size. #include <string.h> extern char a[10]; extern char b[11]; void foo (void) { strncpy (a, b, sizeof (b)); /* 2845 */ } 字符数组 a 溢出了 2871 来源: https://www.cnblogs.com/focus-z/p/11965442.html

如何运用jQuery实现定时轮播、点击按钮跳转到指定图片、按左右键切换图片?

↘锁芯ラ 提交于 2019-12-06 05:07:41
前言 实现三个功能: 定时轮播、点击按钮跳转到指定图片、按左右键切换图片 过程 <!DOCTYPE html > < html > < head lang= "en" > < meta charset= "UTF-8" > < title ></ title > < style type= "text/css" > * { margin : 0 ; padding : 0 ; } . adver { border : 1 px red solid ; width : 730 px ; height : 454 px ; margin : 10 px auto ; background : url ( "adver01.jpg" ); position : relative ; } ul { position : absolute ; bottom : 10 px ; /*width: 100%;*/ left : 250 px ; /*text-align: center;*/ z-index : 100 ; cursor : pointer ; } ul li { list-style : none ; display : inline-block ; /*float: left;*/ background : black ; width : 30 px ; height :

自己写的面试题,自己想的答案

此生再无相见时 提交于 2019-12-06 04:38:43
大家都知道‘不忘初心,方得始终’,但多少人知道‘初心易得,始终难守’。时代在变化,技术在发展,基础没变。学习新技术的时候,不应把基础落下。 1.前言 因为机缘巧合,让当了无数次面试者的我,当上了面试官,也和几个面试者交流过。既然要应对面试者,我就当然要准备面试题了,好让我大概知道面试者是什么水平。这个时候,也该详解下,自己的写的那些题目。因为题目是我自己写的,并不是网上摘的,所以知识点比较基础,也不全面。如果大家对面试题有什么建议,欢迎指点。 2.考点-面向对象 需求:定义‘ 我吃火锅 ’ 面向过程的思想是: 动作(我,吃火锅) 代码实现方面: //面向过程 let eat=function(who,someThing){ console.log(`${who}吃${someThing}`); } eat('我','火锅');//我吃火锅 使用面向对象的方式改写一下这个实例。 这道题,只希望有一个面向对象的意思在这里就行了,我期待的答案是这样的。 let person={ name:'守候', eat:function(someThing){ console.log(`${this.name}吃${someThing}`); } } person.eat('火锅'); 更好的方式看下面这篇文章: JavaScript:面试频繁出现的几个易错点 。这里不展开讲。 3.考点-预解析