Css
关注
分享
扫一扫
张张张96
永不妥协。
展开
-
CSS写三角
css写小三角<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .dot { width:0; height: 0; /*font-size: 0;*/原创 2017-06-18 00:04:18 · 737 阅读 · 0 评论 -
修改默认滚动条样式
修改默认滚动条样式::-webkit-scrollbar-track-piece { /*滚动条里面轨道*/ background-color:#f5f5f5; border-left:1px solid #d2d2d2; } ::-webkit-scrollbar { /*滚动条整体样式*/ width:13px; /*高宽分别对应横竖滚动条的尺寸*/原创 2017-06-30 23:58:27 · 386 阅读 · 0 评论 -
css命名规范
css命名规范页面结构命名 1. page：代表整个页面，用于最外层。 2. wrap：外套，将所有元素包在一起的一个外围包，用于最外层 3. wrapper：页面外围控制整体布局宽度，用于最外层 4. container：一个整体容器，用于最外层 5. head、header：页头区域，用于头部 6. nav：导航条 7. content：内容，网站中最重要的内容区域，用原创 2017-07-23 16:22:01 · 587 阅读 · 0 评论 -
css书写规范
列表内容编码设置采用 UTF-8 编码，在 CSS 代码头部使用：@charset "utf-8";注意，必须要定义在 CSS 文件所有字符的前面（包括编码注释），@charset 才会生效。例如，下面的例子都会使得 @charset 失效：/* 字符编码 */@charset "utf-8";html,body { height: 100%;}@charset "utf-8";列表转载 2017-07-25 20:55:42 · 419 阅读 · 0 评论 -
仿复选框样式
相信大家在看到很多炫酷的网页时总会看到样式很棒的复选框，于是 脑补下代码“input[‘type=”checkbox”’]:padding:10px;border:1px solid red; background:black;…”,完后，一检查人家的代码，立刻懵逼。废话不多说，我来了，拯救你的无知。 原理： 利用 label 这一特性 自动聚焦到复选框css样式<style>原创 2017-09-14 14:56:49 · 516 阅读 · 0 评论 -
固定背景图片
background-attachment 该属性来定义背景图片随滚动轴的移动方式 取值: scroll | fixed | inherit scroll: 随着页面的滚动轴背景图片将移动 fixed: 随着页面的滚动轴背景图片不会移动 inherit: 继承<!DOCTYPE html><html> <head> <meta c原创 2017-09-08 16:06:19 · 788 阅读 · 0 评论