欢迎光临精准像素,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

css教程

  • CSS如何修改元素轮廓虚边

    我们在表单输入时,会看到鼠标点击input元素会出现一条蓝色轮廓虚边,如下图。搭配自己的样式不是非常美观,精准像素教大家如何修改她。这里需要用到CSS的outline。outline语义轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作...

    341年前
  • CSS盒子 margin外边距padding内边距border边框

    以前应聘前端工作的时候,考官总喜欢问CSS盒子是什么?其实就是margin外边距和padding内边距,外加一个border边框,换了个神奇的叫法。margin外边距外边距的意思就是,元素向外的距离。代码示例margin:10px;文字代表元素本身,黄色代表外边距。padding内边距内...

    211年前
  • CSS width控制元素宽度

    width是CSS中用来控制元素宽度的,其实控制宽度不止只有width,还有其他的语法。width语义元素宽度,所有浏览器都兼容。width代码示例width:100px;宽度100像素max-width:100px;宽度最大100像素min-width:100px;宽度最小100像素...

    261年前
  • CSS height控制元素高度

    height是CSS中用来控制元素高度的,控制高度的语法也还有其他的语法。height语义元素高度,所有浏览器都兼容。height代码示例height:100px;高度100像素max-height:100px;高度最大100像素min-height:100px;高度最小100像素...

    251年前
  • CSS * 选择器

    在CSS中选择器中“*”,代表选择全部元素,我们通常用它来处理全部重置样式使用,其他地方很少使用了。语法语义选择全部元素,也可以选择另一个元素内的所有元素兼容性兼容所有浏览器语法代码示例*{padding:0px;margin:0px;}div *{background-color:yellow;...

    341年前
  • CSS定位控制上下左右坐标教程

    CSS定位控制上下左右坐标教程 ,需要搭配position使用,position使用方法参考下面教程。[xxid]70,1440[/xxid]本片教程没任何难点,精准像素就简单点,直接讲解实战方法。实战案列position:absolute;top:100px;bottom:200px;left:300px;right:400px;首先需要...

  • CSS定位教程 z-index层级语法详解

    在CSS开发中需要某元素覆盖在另一元素的上面,就需要用到z-index语法。z-index语法需要搭配position使用,position语法看下面这篇教程。[xxid]70,1440[/xxid]z-index语法为CSS2版本,无继承性z-index语法z-index: auto | <integer>默认值:auto语法示例z-in...

  • CSS定位教程 position语法详解

    CSS定位教程 position语法详解

    CSS中的定位,用position语法方法,定位又分为绝对定位、相对定位和固定定位。position语法为CSS2版本,无继承性,默认值为:static。position语法语法:position:static | relative | absolute | fixed代码...

  • CSS3高光划过效果代码教程

    我们常常看到的高光划过效果,其实用CSS就能实现,CSS3高光划过效果代码教程方法CSS3高光划过效果代码.logo-wrapper { position: relative; font-size:2em; font-weight:700; line-height:39px; overflow:hidden; margin:0;}.logo-wr...

    431年前
  • CSS3做一个手机端左右滑动菜单

    手机端因为布局很窄,如果刚好菜单很多的情况下,我们就可以把菜单左侧左右滑动的效果,来节省空间,大致效果如下图具体效果可以参考今日头条,菜单可以左右滑动。有些花里胡哨的代码会用上JS,其实这种只需要CSS就能搞定,下面看代码。HTML代码<div><a href="htt...

    711年前