黑马程序员技术交流社区

标题: 技术贴 [打印本页]

---

作者: 猫熊    时间: 2019-3-19 13:21
标题: 技术贴
清除浮动：属性clear
     Left：清除左侧浮动
     Right：清除右侧浮动
     both:  同时清除左右浮动
清除浮动有四种方式？
1额外标签发：通过在浮动的元素末尾添加一个style=clear：'both'    标签

2父级添加一个overflow：hidden

3父级使用after伪元素清除浮动
   .clearfix:after{content:""; display:block; height:0; visibility:hidden; clear:both;}   .chearfix{*zoom:1;}

4双伪元素清除浮动
.chearfix:before，  
.chearfix:after{content:"";  display:table;}   .chearfix:after{ chear:both;}   .chearfix{*zoom:1;}

鼠标样式cursor

default   小白默认的，  move  移动，   text  文本，not-allowed  禁止， pointer   小手
取消轮廓线  outline：none
文本域拖拽属性   resize：none

vertical-align 垂直对齐
有宽度的块级元素居中对齐，是margin: 0 auto;
让文字居中对齐，是 text-align: center;
vertical-align：baseline
vertical-align：middle
vertical-align：top

清除图片默认3px的缝隙？
把图片转换成块元素  display：block
给行内元素设置vertical-align:middle，  vertical-align：top

溢出文字省略号表示？
要文字强制在一行显示
white-space：nowrap
超出部分溢出隐藏
overflow：hiddle
文字溢出隐藏用省略号替代
text-overflow：ellipsis

css精灵核心使用核心？
精灵图一般它的坐标都是负值
制作精灵图图片格式是png


滑动门<a>
         <span>
         </span>
      </a>
a 是左门  span  是右门


三角之美？
宽高设置都为0 四个边框都设置   不想要的边框设置为透明色transparent


display属性
display：none  隐藏对象
display：block 显示对象

visibility属性？
visibility：visible  显示对象元素 在标准流中不保留位置
visibility：hidden   隐藏对象   在标准流中保留位置

行高等于高只能让单行文字垂直居中

锚点定位？
使用<a  href='#id名字'>链接文本</a>
例如<a  href='#two'>链接文本</a>
     <h3 id='two'>链接文本</h3>

过渡动画效果？
transition-property   规定设置过渡效果的css名称       none没有属性改变   all改变所有属性
transition-duration   规定完成效果需要多少秒         执行时间  单位是s
transition-timing-function    规定速度效果的速度曲线    ease逐渐慢下来    linear匀速   ease-in逐渐慢下来   ease-out逐渐变块
transition-delay    定义过渡效果何时开始

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2