1.浏览器是把 html 和 css 一起下载并执行的，计算机里把两件事情同时做  异步加载。计算机中的同步异步和我们生活中的正好是相反的。
补充：
同步，是所有的操作都做完，才返回给用户结果。即写完数据库之后，在相应用户，用户体验不好。
 
异步，不用等所有操作等做完，就相应用户请求。即先相应用户请求，然后慢慢去写数据库，用户体验较好。
 
2.通配符：*{padding:0; margin:0;}
 
4.css 权重，优先级大小排序：括号里写具体的权重值
!important（Infinity）>行间样式（1000）>id（100）>class/属性/伪类（10）>标
签/伪元素（1）>通配符（0）

写页面总结：

1.css图片和文字同一行显示

问题其实很好解决，只要设定img标签的vertical-align CSS属性就好了，代码如下：

  1. <img src="data:images/untitled.png" style="width:30px;height:30px;padding:0px;margin:0px;vertical-align:middle;"/>
  2. <span>居中显示的文字</span>

2.搜素框架搜索图标，还有提示文字

html代码：

  1.  <i class="icon-search"></i>   搜索
  2.  <input type="text" class="inputText" placeholder=" 大家都在搜索'奥迪Q7'" >
  3.  <i class="icon-speech" ></i>  语音

css代码：

  1.  header input {
  2.  border-style:none; //去掉input默认样式
  3.  width: 83%;
  4.  height: 30px;
  5.  margin-left: 3%;
  6.  border-radius: 5px;
  7.  background-color: #EEEDED;
  8.  border: 1px solid #8e8e8e;
  9.  text-indent: 20px;
  10.  outline: none;
  11.  }
  12.  
  13.  header .icon-search {
  14.  background: url(../img/search.png) no-repeat;
  15.  width: 21px;
  16.  height: 21px;
  17.  position: absolute;
  18.  top: 20px;
  19.  left: 16px;
  20.  }
  21.  
  22.  header .icon-speech {
  23.  background: url(../img/speech.png) no-repeat;
  24.  width: 21px;
  25.  height: 21px;
  26.  position: absolute;
  27.  top: 20px;
  28.  left:78%;
  29.  }
  30.  
  31.  header .icon-remind {
  32.  background: url(../img/remind.png) no-repeat;
  33.  width: 22px;
  34.  height: 22px;
  35.  position: absolute;
  36.  top: 20px;
  37.  right: 15px;
  38.  transform: scale(1.5);
  39.  }

3.设置手机端input文本框提示文字大小

  1.  input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  2.  /*color:#666;
  3.  font-size:16px; */
  4.  
  5.  font-family: PingFangSC-Regular;
  6.  font-size: 13px;
  7.  color: #999593;
  8.  text-align: left;
  9.  line-height: 26px;
  10.  }

4.去除文本框边框，背景色

  1. background-color: transparent;
  2. border: none;

5.上方图片，下方文字布局

html

  1.  <div class="login-way">
  2.  
  3.  <div id="wechat" class="subMenu text-center" data-src="">
  4.  <img class="menu_img-wetchat" src="../../images/wechat.png" data-imgname="choosecar" />
  5.  <div class="menu_name">微信</div>
  6.  </div>
  7.  <div id="QQ" class="subMenu text-center" data-src="">
  8.  <img class="menu_img" src="../../images/QQ.png" data-imgname="choosecar" />
  9.  <div class="menu_name">QQ</div>
  10.  </div>
  11.  <div id="weibo" class="subMenu text-center" data-src="">
  12.  <img class="menu_img-weibo" src="../../images/weibo.png" data-imgname="choosecar" />
  13.  <div class="menu_name">微博</div>
  14.  </div>
  15.  </div>

css

  1.  .login-way{
  2.  margin-top: 5%;
  3.  height: 30px;
  4.  /*border: 1px solid #0000FF;*/
  5.  }
  6.  
  7.  .subMenu {
  8.  width: 33%;
  9.  float: left;
  10.  cursor: pointer;
  11.  }
  12.  
  13.  .menu_name {
  14.  height: 20px;
  15.  width: 100%;
  16.  line-height: 20px;
  17.  font-family: PingFangSC-Regular;
  18.  font-size: 10px;
  19.  color: #999593;
  20.  }
  21.  
  22.  img.menu_img {
  23.  height: 20px;
  24.  width: 17px;
  25.  }
  26.  
  27.  img.menu_img-wetchat {
  28.  width: 25px;
  29.  height: 20px;
  30.  }
  31.  
  32.  img.menu_img-weibo {
  33.  width: 22px;
  34.  height: 18px;
  35.  }
  36.  
  37.  img {
  38.  vertical-align: middle;
  39.  border:;
  40.  }
  41.  
  42.  .active {
  43.  color: #FFA129;
  44.  }
  45.  
  46.  .text-center {
  47.  text-align: center
  48.  }

css设置input 提示文字距离边框距离

  1.  text-indent：{12px}

6.文本缩进
text-indent: 缩进距离
12px相当于一个文字距离

7.css 设置元素水平垂直居中

①弹性布局

<!--弹性布局-->

  1.  <div class="parent">
  2.  <div class="child">我只是个孩子</div>
  3.  </div>
  1.  .parent {
  2.  display: flex;
  3.  justify-content: center;
  4.  align-items: center;
  5.  width: 100%;
  6.  height: 200px;
  7.  border: 1px solid #FF9900;
  8.  /*margin: 0 auto;*/
  9.  }
  10.  
  11.  .child {
  12.  width: 100px;
  13.  height: 100px;
  14.  border: 1px solid skyblue;
  15.  text-align: center;
  16.  vertical-align: middle;
  17.  }

②定位+转化

  1. <div class="parent">
  2.  
  3. <div class="child">Demo</div>
  4.  
  5. </div>
  1.  .parent {
  2.  
  3.  position: relative;
  4.  
  5.  width: 400px;
  6.  
  7.  height: 400px;
  8.  
  9.  background: skyblue;
  10.  
  11.  }
  12.  
  13.  .child {
  14.  
  15.  position: absolute;
  16.  
  17.  left: 50%;
  18.  
  19.  top: 50%;
  20.  
  21.  transform: translate(-50%, -50%);
  22.  
  23.  width: 200px;
  24.  
  25.  height: 200px;
  26.  
  27.  background: pink;
  28.  
  29.  }

③ 单元格

  1. <div class="parent">
  2.  
  3. <div class="child">单元格方式</div>
  4.  
  5. </div>
  1.  .parent {
  2.  
  3.  display: table-cell;
  4.  
  5.  text-align: center;
  6.  
  7.  vertical-align: middle;
  8.  
  9.  width: 400px;
  10.  
  11.  height: 400px;
  12.  
  13.  background: skyblue;
  14.  
  15.  }
  16.  
  17.  .child {
  18.  
  19.  display: inline-block;
  20.  
  21.  width: 200px;
  22.  
  23.  height: 200px;
  24.  
  25.  background: pink;
  26.  
  27.  }

 8.css 设置头部，滚动条滚动时如何让上面的标题固定不动

html :

头部

  1. <header>
  2. <i class="icon-speech"></i>
  3. <input type="text" class="inputText" placeholder="奥迪Q7">
  4. <div class="cancelspan">取消</div>
  5. </header>

内容div

  1. <div class="content">
  2. <div class="search">
  3. <span class="logo">
  4. <img src="../img/aodi.png">
  5. </span>
  6. <span class="name">奥迪</span>
  7. <span class="pindao ">去品牌频道> </span>
  8. </div>
  9. <div class="middle">
  10. <!--div class="result"></div>-->
  11. <!--<div class="result">
  12. <div class="reslut-img">
  13. <img src="../img/caroutside.png">
  14. </div>
  15. <div class="reslut-desc">
  16. <div class="reslut-desc-brandname">奥迪Q7L 2.0T</div>
  17. <div class="reslut-desc-brandprice">厂商指导价：68.38-96.28万</div>
  18. </div>
  19. </div>
  20. <div class="result">
  21. <div class="reslut-img">
  22. <img src="../img/caroutside.png">
  23. </div>
  24. <div class="reslut-desc">
  25. <div class="reslut-desc-brandname">奥迪Q7L 2.0T</div>
  26. <div class="reslut-desc-brandprice">厂商指导价：68.38-96.28万</div>
  27. </div>
  28. </div>-->
  29. </div>
  30. <div class="recommended">
  31. <p>智能推荐</p>
  32. <div class="recommended-chancel"></div>
  33. <!--<div class="result">
  34. <div class="reslut-img">
  35. <img src="../img/caroutside.png">
  36. </div>
  37. <div class="reslut-desc">
  38. <div class="reslut-desc-brandname">奥迪Q7L 2.0T</div>
  39. <div class="reslut-desc-brandprice">厂商指导价：68.38-96.28万</div>
  40. </div>
  41. </div>-->
  42. <!--<div class="result">
  43. <div class="reslut-img">
  44. <img src="../img/caroutside.png">
  45. </div>
  46. <div class='reslut-desc'>
  47. <div class='reslut-desc-brandname'>奥迪Q7L 2.0T</div>
  48. <div class='reslut-desc-brandprice'>厂商指导价：68.38-96.28万</div>
  49. </div>
  50. </div>
  51. <!--<div class="result">
  52. <div class="reslut-img">
  53. <img src="../img/caroutside.png">
  54. </div>
  55. <div class="reslut-desc">
  56. <div class="reslut-desc-brandname">奥迪Q7L 2.0T</div>
  57. <div class="reslut-desc-brandprice">厂商指导价：68.38-96.28万</div>
  58. </div>
  59. </div>-->
  60. </div>
  61. </div>

css 样式

  1. header {
  2. position: fixed; //固定定位
  3. z-index:;
  4. height: 50px;
  5. line-height: 50px;
  6. width: 100%;
  7. color: #fff;
  8. font-family: "PingFang-SC-Medium";
  9. font-weight:;
  10. font-size: 20px;
  11. /*border: 1px solid #000000;*/
  12. }
  13.  
  14. .content {
  15. position: absolute; //绝对定位
  16. top: 50px;
  17. right:;
  18. bottom:;
  19. left:;
  20. width: 100%;
  21. height: auto;
  22. overflow-y: scroll;//滚动区域}

}

9.css设置img标签在div垂直居中  定位方式

html:

  1. <div class="mui-divimg">
  2. <img src="../../images/person_setup.png">
  3. </div>

css:

  1. .mui-divimg {
  2. float: right;
  3. /*text-align: center;
  4. vertical-align: middle;*/
  5. position: relative;
  6. width: 40px;
  7. height: 40px;
  8. /*border:1px solid #FFFFFF;*/
  9. }
  10.  
  11. .mui-divimg img {
  12. position: absolute;
  13. top: 50%;
  14. left: 50%;
  15. transform: translate(-50%, -50%);
  16. width: 30px;
  17. height: 30px;
  18. /*vertical-align: middle;
  19. width:20px;
  20. height: 20px;
  21. }

10.css实现一行文字居中，多行文字左对齐

代码：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <style>
  8.     /*当文字为一行是，则P的宽度小于div的宽度，p标签居中显示在盒子内，文字也就居中了 ;当大于一行时，P的宽度和div的宽度是一致的 ,文字就居左对齐了*/
  9.     .content {  width: 200px;  border: 1px solid #ee2415;  text-align: center  ;padding: 2px 5px}
  10.     /*display: inline-block使P的宽度根据文字的宽度伸缩 */
  11.     .content p {  text-align: left;  display: inline-block  }
  12. </style>
  13. <body>
  14. <div class="content">
  15.     <p>内容只有一行居中</p>
  16. </div>
  17. <br>
  18. <div class="content">
  19.     <p>内容多行左对齐，内容多行左对齐</p>
  20. </div>
  21. </body>
  22. </html>
  1. ②

  1.  

 11.设置div中两个div相对左右居中

html代码

  1. <div class="mui-songlist">
  2. <div class="mui-songlist-colletion">
  3. <!--<img src="../../images/album3.jpg"> -->
  4. </div>
  5. <div class="mui-songlist-minesonglist"></div>
  6. <div class="mui-songlist-minedownload"></div>
  7. <div class="mui-songlist-recenrplay"></div>
  8. </div>

css代码

  1. .mui-songlist{
  2. margin: -5% auto;
  3. height: 400px;
  4. width: 90%;
  5. border: 1px solid purple;
  6. padding: 0 auto;
  7. padding: 1% auto;
  8. }
  9.  
  10. .mui-songlist div{
  11. width: 48%;
  12. height: 178px;
  13. border: 1px solid red;
  14. float: left;
  15. margin: 1% 1%;//设置div标签margin值
  16. }

12.css中div 右边显示半圆

  1. <div class="container-middle-right">
  2. <div></div>
  3. </div>

css

  1. .container-middle-right div{
  2. margin-left: 22%;
  3. margin-top: 7%;
  4. width: 78%;
  5. height: 80%;
  6. /* margin: 0 auto; */
  7. padding: 0 auto;
  8. background: #ec2e2e;
  9. border-radius: 163px 0px 0px 163px;
  10. border-radius: 163 0 50px 50px;
  11. /* background-repeat: no-repeat; */
  12. }

13.css去除图片默认间隙

  1. <div class="container-bottomimg">
  2. 　　<img src="../img/index-bottom-one.png" >
  3. 　　<img src="../img/index-bottom-two.png" >
  4. 　　<img src="../img/index-bottom-three.png" >
  5. 　　<img src="../img/index-bottom-four.png" >
  6. </div>

css:

  1. .container-bottomimg{
  2. margin: 5% auto;
  3. width:100%;
  4. height:450px;
  5. border:1px solid #008000;
  6. letter-spacing:-800px;//<!--letter-spacing的值无论是负多少都不会产生重叠-->
  7.  
  8. }

14.css清除浮动

父级清浮动，就是在自己宽度是否确定下，都能保证父级的高度刚刚好包裹子集

需要左右排列的block采用浮动布局，且父级一定要清浮动

①：.浮动的标签:after { content: ''; display: block; clear: both; }

②;.浮动标签下一个要显示的标签(会受到他浮动影响的):before { content: ''; display: block; clear: both; }

15.瀑布流css实现

效果图：

html

  1. <div class="main">
  2.  
  3. //第一列
  4. <div class="column-item">
  5. <div class="box pl0">
  6. <div style="height:352px;background:blue;">1</div>
  7. <div style="height:392px;background:rgb(12, 192, 192);margin-top:10px;">2</div>
  8. <div style="height:405px;background:rgb(12, 192, 192);margin-top:10px;">2</div>
  9. </div>
  10. </div>
  11.  
  12. //第二列
  13. <div class="column-item">
  14. <div class="box">
  15. <div style="height:279px;background:rgb(133, 12, 106);">2</div>
  16. <div style="height:478px;background:rgb(212, 149, 12);margin-top:10px;">1</div>
  17. <div style="height:305px;background:rgb(12, 192, 192);margin-top:10px;">2</div>
  18. </div>
  19. </div>
  20.  
  21. //第三列
  22. <div class="column-item">
  23. <div class="box">
  24. <div style="height:396px;background:red;">2</div>
  25. <div style="height:330px;background:pink;margin-top:10px;">3</div>
  26. <div style="height:432px;background:rgb(12, 192, 192);margin-top:10px;">2</div>
  27. </div>
  28. </div>
  29.  
  30. //第四列
  31. <div class="column-item mg0">
  32. <div class="box prl0">
  33. <div style="height:380px;background:green;">3</div>
  34. <div style="height:460px;background:pink;margin-top:10px;">3</div>
  35. <div style="height:379px;background:rgb(12, 192, 192);margin-top:10px;">2</div>
  36. </div>
  37. </div>
  38. </div>

css:

  1. <style>
  2. body {
  3. background: #eee;
  4. }
  5.  
  6. * {
  7. padding:;
  8. margin:;
  9. }
  10.  
  11. .main {
  12. width: 1200px;
  13. margin: 50px auto;
  14. }
  15.  
  16. .main::after {
  17. content: "";
  18. display: block;
  19. clear: both;
  20. }
  21.  
  22. .main .column-item {
  23. width: 1200px;
  24. }
  25. /*不用设置高度*/
  26.  
  27. .main .mg0 {
  28. margin-right:;
  29. }
  30.  
  31. .main .column-item .box {
  32. float: left;
  33. width: 292px;
  34. /*=(1200-30)/4 = 292.5*/
  35. padding: 0 5px;
  36. }
  37. /*关键点，因为column-item不设置高度，所以只要设置float:left;那么所有的box就会向左边浮动，得到所需的4分列效果*/
  38.  
  39. .main .column-item .pl0 {
  40. padding-left:;
  41. }
  42. /*头尾两边都要清掉相应以便的padding,不然不会得到4分等列效果*/
  43.  
  44. .main .column-item .prl0 {
  45. padding-right:;
  46. }
  47.  
  48. </style>

16.设置背景图片大小尺寸

background: url(../img/nextBtnTop.png) 0 0 no-repeat;
background-size: 100% 69%;
 
 
17.css设置字体段落首行缩进，字体间距
    效果

  1. <div id="content">
  2. <p>很多人拍海都说没有感觉,只能使用一些摄影技巧来弥补这一缺憾,本人第一-次拍海也和大家样,直到无意间听到张惠妹歌曲《听海》, 才明白其中玄机，拍海要把大海当做恋人,用心去体会大海的情绪,平静时如温婉少女,含蓄时内敛深沉,激情时波涛汹涌,在配合合适的摄影技巧来表现,才能得到想要的画面效果。 </p>
  3. </div>
css
  1. #content p {
  2. /* height: 30px; */
  3. line-height: 2.3;
  4. text-indent: 2em;     //首行缩进
  5. color: #191919;
  6. font-size: 16px;
  7. font-family: "微软雅黑";
  8. width: 96%;
  9. margin: 0 auto;
  10. letter-spacing: 2px;  //字体间距
  11. font-weight:;
  12. }
18.设置盒子里的几个div两侧没有间隙，几个div之间有间隙

html：

  1. <div id="main">
  2. <div style="background-color:coral;"></div>
  3. <div style="background-color:lightblue;"></div>
  4. <div style="background-color:khaki;"></div>
  5. <div style="background-color:pink;"></div>
  6. </div>

css:

  1. #main {
  2. width: 400px;
  3. height: 150px;
  4. border: 1px solid #c3c3c3;
  5. display: -webkit-flex; /* Safari */
  6. -webkit-justify-content: space-around; /* Safari 6.1+ */
  7. display: flex;
  8. justify-content:space-between;
  9. }
  10.  
  11. #main div {
  12. width: 70px;
  13. height: 70px;
  14. }

19.用伪元素给字体下方加横线

html:

  1. <ul>
  2. <li class="active">推荐</li>
  3. <li>汽车</li>
  4. <li>娱乐</li>
  5. <li>游泳</li>
  6. <li>美食</li>
  7. <li>生活</li>
  8. <li>设计</li>
  9. </ul>
css:
  1. .variety-title ul li {
  2. float: left;
  3. width: 13%;
  4. font-size: 18px;
  5. font-weight:;
  6. text-align: left;
  7. position: relative; //给li相对定位
  8. }
  9.  
  10. .variety-title ul li.active {
  11. color: #0f71bd;
  12. font-weight: bold;
  13. transition: 0.2s all linear;
  14. }
  15.  
  16. .variety-title ul li.active::after {
  17. content: "";                      //:after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。
  18. display: block;
  19. position: absolute;        //div绝对定位
  20. bottom: 6px;
  21. left: 3px;
  22. width: 21%;              //下划线的宽度
  23. height: 3px;             //下划线的高度
  24. background: #0f71bd;
  25. }
20.页面写ul li标签是，去除ul li默认css样式，内外边距，写在css初始位置
  1. ul,li{
  2. padding:;
  3. margin:;
  4. list-style:none
  5. }

20.css样式优先级

css:

  1. <style type="text/css">
  2.  
  3. .blue {
  4. color: blue;
  5. }
  6. .red {
  7. color: red;
  8. }
  9. </style>

html:

  1. <div class="red blue">这是什么颜色</div>
  2. <div class="blue red">这是什么颜色</div>

两个div都是红色。暂且用就近原则解释，那个class样式离html近，就用那个

 21.复选框修改默认背景色以及打钩的颜色

html:

  1. <input type="checkbox" id="checkbox_a1" class="chk_1" checked /><label for="checkbox_a1"></label>

css:

  1. .chk_1,.chk_2,.chk_3,.chk_4 {
  2. display: none;
  3. }
  4.  
  5. /*******STYLE 1*******/
  6. .chk_1 + label {
  7. background-color: #FFF;
  8. border: 1px solid #C1CACA;
  9. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  10. padding: 9px;
  11. border-radius: 5px;
  12. display: inline-block;
  13. position: relative;
  14. margin-right: 30px;
  15. }
  16. .chk_1 + label:active {
  17. box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
  18. }
  19.  
  20. .chk_1:checked + label {
  21. background-color: #E3E2E9; //背景色
  22. border: 1px solid #92A1AC;
  23. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  24. color: #243441;
  25. }
  26.  
  27. //打钩的颜色
  28.  
  29. .chk_1:checked + label:after {
  30. content: '\2714';
  31. position: absolute;
  32. top: -26px;
  33. left: 0px;
  34. color: #0C7BE3;
  35. width: 100%;
  36. text-align: center;
  37. font-size: 1.4em;
  38. padding: 1px 0 0 0;
  39. vertical-align: text-top;
  40. }

 22.圆圈中带数字

html:

  1. <div class="comment-number">
  2. <span>4</span>
  3. </div>

css:

  1. .comment-number {
  2. position: absolute;
  3. top: 19%;
  4. margin-left: 16px;
  5. /* right: 2%; */
  6. /* left: 10px; */
  7. width: 16px;
  8. height: 18px;
  9. background-color: #42ACFF;
  10. border-radius: 25px;
  11. }
  12. .comment-number span{
  13. width: 16px;
  14. height: 18px;
  15. line-height: 18px;
  16. display: block;
  17. color: #FFF;
  18. font-size: 11px;
  19. text-align: center;
  20. }

23.文本两端对齐，一般是登录信息页面

css：   
  1. div { width: 100px; padding: 0 10px; background: pink; margin-bottom: 10px; text-align-last:justify; /* 这是关键属性 */}
html:
  1. <div>账号</div>
  2. <div>密码设置</div>
  3. <div>手机号</div>

  1.  

css图片文字的更多相关文章

  1. css图片+文字浮动（文字包围效果）

    css图片+文字浮动(文字包围效果): 在网页中,我们有时想实现这个效果,但是 <div id="test"> <img src="gdimages/0 ...

  2. css 图片文字垂直居中

    先来看张图片 相信很多css新手遇到过这种问题,就是当图片和文本显示在一行的时候,效果很奇葩,文字和图片没法对齐, 这时我们需要做的是: 1,先给块级元素设置 display: inline-bloc ...

  3. css 图片文字对齐

    默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐 解决办法:在css中设置图片的vertical-align属性, <img src="" s ...

  4. css 图片文字居中

    1.单行文字居中 2.多行文字居中 3.利用background-position:center;的图片居中 4.利用display:table-cell;属性的图片居中 <!DOCTYPE h ...

  5. CSS图片文字同行居中

    img{ display:inline-block; vertical-align:middle; }

  6. css图片文字一排

    <div class="footer1"> <div class="vercital-head"></div><!-- ...

  7. CSS实现文字半透明显示在图片上方法

    CSS实现文字半透明显示在图片上方法 在css中文字半透明我们会需要使用滤镜效果也就是css中的filter:alpha来实现了,下面来看两个文字显示在图片上并且半透明的例子. CSS让一行文字显示在 ...

  8. CSS 实现：图片+文字的布局（综合）

    ☊[实现要求]:图片+文字+居中 √[实现]: ① img + 文字 <div class="demo2-1"> <img src="" al ...

  9. css 单行图片文字水平垂直居中汇总

    (1) 水平居中 a. 行内元素水平居中 因为img是行内元素(行内块级元素也一样)父级元素设置text-align:center即可,例如: <div style="width: 6 ...

随机推荐

  1. 2018-8-10-wpf-绑定-DataGridTextColumn-

    title author date CreateTime categories wpf 绑定 DataGridTextColumn lindexi 2018-08-10 19:16:53 +0800 ...

  2. dubbo服务调试管理实用命令

    公司如果分项目组开发的,各个项目组调用各项目组的接口,有时候需要在联调环境调试对方的接口,可以直接telnet到dubbo的服务通过命令查看已经布的接口和方法,并能直接invoke具体的方法,我们可以 ...

  3. The Preliminary Contest for ICPC Asia Xuzhou 2019 I J

    I. query 题意:给出n的一个排列,有m个询问[l,r],询问[l,r]直接有倍数关系的pair个数. 解法:比赛完之后听说是原题,但是我没做过呀,做题太少了qwq.首先因为数字是1-n的,所以 ...

  4. HDU-3333 Turing Tree 分块求区间不同数和

    HDU-3333 Turning Tree 题目大意:先给出n个数字.面对q个询问区间,输出这个区间不同数的和. 题解:这道题有几种解法.这里讲一下用分块解决的方法.( 离线树状数组解法看这里 Hdu ...

  5. java while循环

    /* while 循环有一个标准格式,还有一个扩展格式 标准格式: while(条件表达式){ 循环体 } 扩展格式: 初始化语句; while(条件判断){ 循环体 步进表达式 } */ publi ...

  6. v-bind属性,v-model属性，:model属性

    一.v-bind 1.将按钮的title(key)绑定为data里指定的值 强调<input type="button" value="按钮" v-bin ...

  7. c++后台开发面试常见知识点总结（三）操作系统

    静态链接库和动态链接库的区别 一个进程可以通过调用waitpid函数来等待它的子进程终止或者停止 Debug和Release的区别 临界区互斥量信号量事件进程互斥与同步 进程有哪几种状态,状态转换图, ...

  8. mysql查询表的创建时间

    mysql查询表的创建时间 查询语句: SELECT table_name,create_time FROM information_schema.TABLES;

  9. 数据结构---Java---String

    1.概述 1.1 源码(JDK1.8) public final class String implements java.io.Serializable, Comparable<String& ...

  10. python-列表list- 元组(tuple)- 集合（set）-字典(dict)-实例代码

    python 经常用的数据类型还有列表list- 元组(tuple)- 集合(set)-字典(dict),以下是这四种类型用法的简单示例. 1.列表list        [  ] 元素可变 , 有序 ...