7.23

源代码 2024-10-6 03:37:52 122 0 来自 中国
本日感觉很累,早上起来脑壳昏沉昏沉的,很懵很懵,下战书也是。自习的一天,复习了昨天的知识点,本日又看了新的内容。
1.通过css举行三角形的制作。本质上来说就是对高度和宽度为0的盒子设置边框,再对部门边框颜色透明表现,就可以天生三角形。
放一个示例图。
另有三角强化,本质上都是一样的,通过设置边框举行表现。以下代码。
.box {      width: 0px;      height: 0px;      /* 不设置底部边框, 和左部边框,将上边框线改大,并设置为透明色 即可实现三角形*/   
  /* border-top: 160px solid transparent;   
  border-right: 80px solid blue; */   
  /* border-bottom: 80px solid green; */   
  /* border-left: 0px solid pink; */   
  /*以上是盒子三角形的底子外形 */ 
    /* 以下为简便复合代码 */ 
border-width: 160px 80px 0px 0px;     
border-color: transparent blue transparent transparent;   
  border-style: solid; }
以下结果图:


2.用户界面中的鼠标样式的制作。
对标签添加cursor样式就可以天生。


3.png 3.取消表单输入框的表面线 outline:none;让行内块元素大概行内元素居中对齐 vertical-align:middle;(也可以用于取消图片下方小间距)
4.单行文本溢出表现省略号。
  /* 逼迫笔墨在一行内举行表现 */
      white-space: nowrap;
      /* 对超出部门举行隐藏 */
      overflow: hidden;
      /* 对隐藏的部门用省略号取代 */
      text-overflow: ellipsis;
5.margin负值的运用 结果:相邻两个盒子同时设置边框之后不能扩大宽度,对此中一个盒子设置外边距举行边框覆盖。
6.浮动原来的本质就是,浮动之后笔墨会产生围绕结果。
7.对行内块或行内元素的父元素添加text-align:center时会居中。
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-22 01:34, Processed in 0.181777 second(s), 35 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表