CSS主题的文章列表，还有CSS的技术要点_第118页

***HTML +CSS 总结与归纳

一、首先W3C标准结构、表现、动作与 html、css、javascript相对应，它本意是结构表现分离，而且按照html规范编写结构。标签方面：-所有标签都要小写、关闭、并且合理嵌套，id不能重复-标签要有属性，属性必须有值，并且用“”表示-img标签不能忽略alt属性-...

IT猿 ·2020-03-26

****CSS各种居中方法

水平居中的text-align:center和margin:0auto 这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响，否则一切都是无用功。margin:0auto也可以被写成margin:0auto0auto。不能理解的童鞋们可...

IT猿 ·2020-03-26

CSS3 background-size 属性值：cover

规定背景图像的尺寸：div{background:url(img_flwr.gif);background-size:80px60px;background-repeat:no-repeat;}background-size属性规定背景图像的尺寸。默认值：auto继承性：no版本：CSS3JavaScrip...

IT猿 ·2020-03-26

响应式web设计之CSS3 Media Queries

开始研究响应式web设计，CSS3MediaQueries是入门。MediaQueries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，MediaQueries是如何工作的？两种方式，一种是直接在link中判...

IT猿 ·2020-03-26

***CSS魔法堂：选择器及其优先级

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　首先看看一道阿里这期网申的题目吧！1.找出下面优先级相同的选择器　　A.img.thumb:after　　B.[data-job="frontend"]::first-letter　　C.#main::before　　&...

IT猿 ·2020-03-26

CSS font-family 属性

为段落设置字体：p{font-family:"TimesNewRoman",Georgia,Serif;}亲自试一试IEFirefoxChromeSafariOpera 所有主流浏览器都支持font-family属性。注释：任何的版本的InternetExplo...

IT猿 ·2020-03-26

***CSS总结-原创

CSS规则第一个是：选择符。和jquery的选择器是一个意思大括号是：申明块里面KV是：属性和属性值分号是结束符类别选择符(器)p.red的意思，就是对p标签中类为red的进行CSS作用ID选择符 ID选择符（器）#是标示P#bold标示，对p标签中ID为bold的进行CSS作用&nb...

IT猿 ·2020-03-26

***CSS里有哪些常见的块级元素和行内元素以及其区别？

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性...

IT猿 ·2020-03-26

使用html+css+js实现简易计算器

使用html+css+js实现简易计算器，效果图如下： html代码如下：1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<metaname="viewport"content="w...

IT猿 ·2020-03-26

前端js,css文件合并三种方式,bat命令

前端js,css文件合并三种方式,bat命令前端js文件该如何合并三个方式如下：1.一个大文件，所有js合并成一个大文件，所有页面都引用它。2.各个页面大文件，各自页面合并生成自己所需js的大文件。3.合并多个共用大文件，根据实践情况合并出多个共用js文件，每个页面引用多个共用大文件。合并两个目的：1.为了减少请求数。...

IT猿 ·2020-03-26

css去掉a标签点击后的虚线框,outline,this.blur()

css去掉a标签点击后的虚线框,outline,this.blur()outline是css3的一个属性，用的很少。声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢？当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任...

IT猿 ·2020-03-26

css强制折行和隐藏超出部分

一、强制换行1word-break:break-all;只对英文起作用，以字母作为换行依据。2word-wrap:break-word;只对英文起作用，以单词作为换行依据。3white-space:pre-wrap;只对中文起作用，强制换行。word-break:break-all和word-wrap:break-wo...

IT猿 ·2020-03-26

Codrops 教程：基于 CSS3 的精美模态窗口效果

　　Codrops分享了漂亮的模态窗口效果实现方法，希望给前端开发人员提供一些创新显示对话框的启示。这个方案使用了触发按钮（或任何的HTML元素），在点击的时候出现一个模态窗口，带有简单的过渡（或动画）。您可能感兴趣的相关文章Metronic–赞！Bootstrap响应式后台管理模板Debuggex&nda...

IT猿 ·2020-03-26

CSS hack浏览器兼容一览表

CSShack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSShack列表，显示了各浏览器对csshack的支持程度，对我们制作兼容网页非常有帮助。...

IT猿 ·2020-03-26

【table】给table表格设置一个通用的css3样式（默认有斑马条纹）

/*=表格（默认有斑马条纹）------------------------------------------*/.data-table{margin:10px0;}.data-tabletable{width:100%;border-collapse:collapse;//设置表格边框合并为单一边框}.data-t...

IT猿 ·2020-03-25