00记录一些常见的问题

• 空白符

   
  

• 版权符©️

  ©
  

• 去掉a标签的下划线

  text-decoration:none;
  

• 首行缩进两个字

  text-indent:2em;
  

• 修改文本中的文字颜色

  color:#000;
  <--注意：文本颜色直接使用color；盒子的背景颜色用background：-->
  

• 文本如何在盒子的中央位置？？？？

  text-align:center;
  line-height:盒子高度;
  /*
  	text-align 水平对齐方式 left(默认) center right
  	line-height 行高
  	行高的值与元素的高度值相同可以实现 单行文本 垂直方向居中
  */
  

• vertical-align:bottom;是什么作用

  图片设置该属性后，会和后边文字底对齐，否则会比文字高3px左右

  vertical-align:top middle bottom baseline(基线默认值)
  

• 文字大小和文字颜色如何设置？

  文字颜色 color：颜色的色值;

  文字的大小 font-size:文字大小的值;

• 文字区域背景颜色半透明效果

  opacity:value;
  /*value取值0-1，0全透明，1不透明*/
  

• img图片自适应浏览器大小

  img{
  	/* 让图片的宽度和浏览器的宽度一致 */
  	width:100%;
  	/* 网页中插入的图片都会默认向下撑大3像素，如何解决这个问题 给图片添加vertical-align:middle; */
  	vertical-align:middle;
  }
  

• 网页中插入的图片都会默认向下撑大3像素，如何解决这个问题?

  给图片添加:

  vertical-align:middle; 
  

• 背景图片居中显示

  background:url(pic1.jpg) center center;
  

• 实现网页中模块的居中（安全区/版心区）

  margin:0 auto;
  

• padding-top会向上传递，子元素padding-top传递给父元素，子元素的padding-top没有效果，如何解决？

  给父元素加上:

  overflow:hidden;
  

• padding会撑大盒子，如果不想撑大盒子，该怎么做？

  • 在原来的宽高基础上减去padding的值
  • 或者给这个元素加上box-sizing:border-box;

• 网页中的一些间距，如何选择用margin还是padding？

  如果这个元素不存在背景颜色

  则用padding/margin都可以

  如果存在背景颜色

  间距的地方没有背景颜色，用margin；

  间距的地方有背景颜色，用padding；

• 如何去掉去掉列表的小圆点？

  li{
  	list-style:none;
  }
  

• 透明度opacity的设置会将里边的内容也跟着透明，如何解决此问题？

  div设置了透明度以后，发现里面的内容都被盖了一层透明度

  使用rgba的形式可以解决此问题，找到对应颜色的rgb值，然后通过

  rgba(125, 125, 125, 0.5)**
  

  可以解决