• css基础内容之background

    html如下: ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title 背景 / title link rel ="stylesheet" type ="text/css" href ="style/background.css" / head body p 这好似一段文字 / p p 这好似一段文字 / p p 这好似一段文字 / p p 这好似一段文字 /...

    2018-06-24 01:01:50

  • css常用属性总结:颜色和单位

    在css代码编写中,估计颜色和单位是必不可少的,然而在css中关于颜色和单位值的写法有很多种写法,所以有必要把它弄清楚。 颜色 当初我在初学前端的时候,就会冒出一个疑问“我该如何设置网页颜色?”,一般常用英文颜色名或者十六进制颜色值来设置颜色,但是css中还有...

    2018-06-24 01:01:47

  • border三角形阴影(不规则图形阴影)和多重边框的制作

    前言:这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方,请大家指正,我会持续更新! 1. border的组合写法 border:border-width border-style border-color; border-width:边框宽度,不能为百分比,因为不会根据设备宽度改变;同理,outline | text-sha...

    2018-06-24 01:01:44

  • css继承和层叠

    在前面介绍了如何利用文档结构和css选择器为元素应用各种丰富的样式,今天来好好聊聊css的层叠和继承,先说说概念。 继承:一个元素向其后代元素传递属性值所采用的机制,说的通俗点,就是元素的某些属性可以通过继承从而传递给子元素的。 如: pspan测试继承/span这里...

    2018-06-24 01:01:39

  • CSS3在hover下的几种效果

    CSS3在hover下的几种效果代码分享,CSS3在鼠标经过时的几种效果集锦 效果一:360°旋转 修改rotate(旋转度数) * { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in...

    2018-06-24 01:01:43

  • 前端福利:使用Wallpaper Engine让自己的桌面炫酷起来

    Wallpaper Engine,是一款Steam上的特别特别炫酷的壁纸定制软件。它可以对你的桌面进行定制,可以使用视频,动画,网页等形式来替换壁纸。 注意到没,关键是可以使用Html格式的文件作为桌面!前端福利啊有木有~ 首先,先先下载软件下来,可以选择到Steam上支持正版,目...

    2018-06-24 01:01:41

  • 使用 after 伪类清除浮动

    以前清除浮动的时候总是在想要清除浮动的元素后面添加 1 div style ="clear:both;" / div 或者写在br标签里面来解决,但这样会增加无语义的标签,下面是用after伪类实现,兼容多种浏览器 1 .clearfix:after { 2 content : "" ; 3 display : block ; 4 height : 0 ; 5 c...

    2018-06-24 01:01:34

  • webstorm常用快捷键

    界面操作 快捷键 ctrl+shift+A 快速查找并使用编辑器所有功能(必记) ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块) ctrl+alt+s 打开配置窗口 ctrl+tab 切换代码选项卡 ctrl+F4 关闭当前代码选项卡 代码编辑 快捷键 alt+/ 添加注释 ctrl+D 复制当前行...

    2018-06-24 01:01:37

  • web前段应掌握ps中的基础

    一张前端的设计稿都是以psd的格式呈现的,所以一些简单基础的ps是必不可少的! 标尺:一般使用像素值,快捷键ctrl+r, 辅助线/参考线:用来裁剪图片时辅助作用! 清楚参考线:ctrl+;。 信息栏:用来查看信息, 历史记录栏:回复原来信息,尽量不要改变设计师给的原图! 图层...

    2018-06-24 01:01:35

  • DIV命名规范

    DIV命名规范 企业 DIV 使用频率高的命名方法 网页内容类 --- 注释的写法: /* Footer */ 内容区 /* End Footer */ 摘要: summary 箭头: arrow 商标: label 网站标志: logo 转角/圆角: corner 横幅广告: banner 子菜单: subMenu 搜索: search 搜索框: searchBox...

    2018-06-24 01:01:26

2