当前位置:首页 » css

css

标签“css”相关文章
11月10日

css---网站栏目小图标

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 15次
css---网站栏目小图标

    一般我们在前端都会看到各式各样的小图标,他们是怎么实现的呢?可以用ps裁剪,也可以用代码去实现,如下图所示        利用宽高,以及background标签的部分属性,来实现了套图,变成单个图片的形式下面是代码    <!DOCTYPE html><html><head> &nbs...

标签 :
11月09日

css---悬停光标变形

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 15次
css---悬停光标变形

    大多时候肥宅们在浏览二次元网站的时候,很多时候会发现鼠标悬停在某些标题或者栏目的时候,鼠标样式会发生改变,肥宅往往会惊讶程序员的神奇之处,但是并不知其原理,以前我也不知道但是学了伪类选择器hover过后,董其原理,今天学习了cursor属性过后知道其根本,下面就看演示效果把。        下面附上代码,以及注意事项    <...

标签 :
11月08日

css-滑动效果

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 11次
css-滑动效果

    主要运用到overflow-y:scroll以及昨天学习到的white-space:nowrap静止换行,overflow:hidden超出隐藏,text-overflow:ellipsis超出部分变为省略号    <!DOCTYPE html><html><head>    <meta charset="UTF-8">&...

标签 :
11月07日

css-文章超出部分隐藏效果

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 18次
css-文章超出部分隐藏效果

    这几天由于工作加班和感冒导致网站没有更新,其实今天以及双11了,今年双11感觉很平淡没有特别购物的冲动,现在买的最多的可能就是服务器和域名了    今天是学习了CSS如何隐藏子级超出父级的效果,最主要的是哪级想要隐藏则在哪里加上overflow:hidden;超出不换行white-space:nowrap;        下面是让...

标签 :
11月06日

css--文字阴影练习

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 17次
css--文字阴影练习

    css样式文字阴影,配合hover有点动态的感觉,最主要的是box-shadow和text-shadow        下面放出代码,有兴趣的小伙伴可以多做尝试    <!DOCTYPE html><html><head>    <meta charset=&...

标签 :
11月05日

css--商城登陆界面练习

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 14次
css--商城登陆界面练习

    耗时2天大致的把商城登陆界面敲出来了,基础还不算是掌握得很牢固,放在以前是想都不敢想象的,下面放上原图片        总的来说是对之前学习的一个大致总结,整体代码,margin,padding用的偏多一点,以及li 、input、 form、first-child、nth-child的运用以及background属性的4要素,以及清除浮动,父子元素选择器等等相关知识点...

标签 :
11月04日

css--导航栏练习

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 16次
css--导航栏练习

    css复习快要到结束尾声了,整体上来说,还是比以前熟练了不少,对一些html的属性以及运用得到又一次强化,今天是进行一个目标导航栏练习,由于没有吸附色素,就大致得弄了一些颜色替换了一下。下图是目标图篇       练习就不得不多说几句,大致要注意得地方有以下几点    1、两边同等宽度,这里我是用first-child让第一li标签左移了1...

标签 :
11月02日

css--消失/出现

发布 : | 分类 : php学习笔记 | 评论 : 0人 | 浏览 : 17次
css--消失/出现

    总体有3个属性分别为,opacity,visibility,display        <!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>消失/出现&l...

标签 :