@font-face { font-family: ' ref='nofollow'>; src: ' ref='nofollow'> [, ' ref='nofollow'>]*; ' ref='nofollow'>; }<fontsrc> = ' ref='nofollow'> [format(' ref='nofollow'>)]取值：' ref='nofollow'>：字体名称' ref='nofollow'>：此值指的是你自定义的字体的存放路径，可以是相对路径也可以是绝路径' ref='nofollow'>：此值指的是你自定义的字体的格式，主要用来帮助浏览器识别，其值主要有以下几种类型：truetype, openty...
A链接标签：/* 链接样式、文字颜色 */ a{color:#666;text-decoration:none;} a:link{color:#666;} a:visited{color:#666;} a:hover, a:active{color:#ff7200;outline:0;} .gray3, .gray3 > a ,a.gray3{color:#333;} .gray6, .gray6 > a ,a.gray6{color:#666;} .gray9, .gray9 > a ,a.gray9{color:#999;} .grayb, .grayb > a ,a.grayb{color:#bbb;} .grayc, .grayc > a ,a.grayc{color:#ccc;} .grayd, .grayd > a ,a.grayd{color:#d...
匹配a里面有href属性的标签$("a[href]") 匹配a里面有href属性的值包含com值的。a[href*=".com"] 匹配a里面的href属性值是https:开头的。a[href^="https:"] 匹配a里面href属性是/dev-tips结尾的a[href$="/dev-tips"] 匹配a里面title值为home的,其中i表示不区分大小写$(‘a[title="home" i]‘) https://umaar.com/dev-tips/229-css-attribute-selectors/原文：https://www.cnblogs.com/c-x-a/p/14630203.html
前端岗位目前确实十分火热，但是就业压力也很大；前一段时间与大学同学交谈，他向我哭诉说去一个机构学习了前端工程师，我心底里为他高兴，因为他马上就可以月薪突破10K了，可是不幸的是他说去北京面试一个月，还是没有找到满意的工作，这里想提醒想进入前端工程师的你，也考虑报班的话，那么你可以先自己去看看网上的一些视频课程，看看你自己能否看懂？还有想想自己在开发道路中能否坚持下来？能否喜爱与电脑、各大浏览器、还有键...
css 样式由选择符和声明组成，而声明又由属性和值组成：选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：p{font-size:12px;color:red;} 注意：1、最后一条声明可以没有分号，但是为了以后修改方便，...
标题<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"><title>CSS选择器</title><!-- CSS选择器类型：标签选择器、类选择器、ID选择器--><styletype="text/css">/* 标签选择器 */p{color:red;}li{font-size:12px;}/* 类选择器 */.db{font-size:20px;color:blue;}/* ID选择器 */#welcome{fo...
CSS3 创建多列column-count 属性指定了需要分割的列数。12345678910111213141516171819202122<!DOCTYPE html><html><head><style> .newspaper{ -webkit-column-count:6; /* Safari and Chrome */ }</style></head><body> <p><b>注意:</b> Internet Explorer 9及更早 IE 版本浏览器不支持 column-count 属性。</p> <div class="newspaper">“当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我...
效果如下：:before，:afterCSS伪类是用来添加一些选择器的特殊效果。使用了css3的伪类，即相当于是在一个div中写入文字，然后在它前后各加了一个div，然后进行位置及宽高的调节。代码：<div>中间文字，两边横线</div> div {font: 400 20px Helvetica, Arial, sans-serif;display: flex;justify-content: center;align-items: center;}/*CSS伪类用法*/div:after, div:before {background: #000000;content: "";height: 2px;width: 2...
https://www.sitepoint.com/intuitive-scrolling-interfaces-with-css-scroll-snap-points/ 原文：http://www.cnblogs.com/zyip/p/5521588.html
alt属性:当图像加载失败时起到提示的作用。title属性:当鼠标放到图片上时，会产生说明性的文字。原文：https://www.cnblogs.com/zhang188660586/p/12570424.html
做网站优化的运维都知道，为了提高网站的访问速度，一般会开启Apache/Nginx gzip功能，将文件压缩，但是这个压缩与我要说的压缩不在一个层面。网上也提供一些在线css、js文件压缩功能。今天介绍一款linux工具来实现这个功能安装JAVAYUI Compressor由java开发，所有我们必须先有java环境。一般系统都会自带java，如果没带，那么yum安装一个openjava # yum install java 确认是否安装成功 [root@iZ288zwmtk4Z vhost]# java -version ...
Cssdiv1{}div2{}元素选择器通配符选择器*类型选择器EID选择器类选择器关系选择符父子选择器 eg：E e子选择器 eg：E>F相邻选择符 E+F兄弟选择器 E~F属性选择器E[att]{ sRules } 标签【属性】选择状态：link：正常hover：炫富active：被激活，能够和用户交互的元素才能有visitfocus outline:none//去掉文本框默认样式我的世界因为你的出现我的心情好多了来自为知笔记(Wiz)原文：https://www.cnblogs.com/Blue-air/p/9577738.htm...
他在ie下也能选中文字，但是选中其他列表，不会选中文字，原来它是在不同div中，属于不同的范围，而同事是放在同一个table中，当然会选中。 而在firefox下，文字不会被选中，查看google calender的css，原来还有-moz-user-select这个属性，很好玩！ 最后采用一个了js方法，即onselectstart=function{return false;}，不让页面进行选择，呵呵，这是很多网站不让复制采用的方法。 Summary -moz-user-select is a Mozilla property ex...
具体如下： 要注意的内容： 一，命名所选用的单词应选择不过于具体表示某一状态（如颜色、字号大小等）的单词，以避免当状态改变时名称失去意义。 二，样式类名由以字母开头的小写字母（a-z）、数字（0-9）、下划线（_）、减号（-）组成。 ID名称由不以数字开头的小写字母（a-z）、数字（0-9）、下划线（_）组成。 可使用类似下面的规则: [模块前缀|类型|作用]_[名称]_[状态|位置] 约定模块、类型、状态、位置等的所使用的单词或其...
前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版）滚动条组成::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track 滚...