”css“ 的搜索结果

     CSS入门学习 一、CSS简介 1、什么是CSS CSS:Cascading Style Sheet 层叠样式表 是一组样式设置的规则,用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离,便于团队开发 样式复用,便于网站的后期维护...

     目录CSS第一章 CSS概述1.1、概述1.2、语法1.3、注释1.4、如何创建并引用1.4.1、外部样式表(外联式)1.4.2、内部样式表(内联式)1.4.3、内联样式(行内式)1.5、三种引入优先级第二章 CSS选择器2.1、id选择器2.2、...

CSS入门

标签:   css  java

     CSS入门学习 一、CSS简介 1、什么是CSS CSS:Cascading Style Sheet 层叠样式表 是一组样式设置的规则,用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离,便于团队开发 样式复用,便于网站的后期维护...

     最全的CSS基础干活总结一.CSS概述1.什么是css2.作用3.css和html属性的使用原则二.CSS语法规范1.css的使用方式①行内样式,内联样式②内部样式③外部样式2.css的样式特性①继承性②堆叠性③优先级④调整优先级三.基础...

CSS表格

标签:   css

     指定css表格边框,使用border属性 下面例子指定一个表格的th和td元素的黑色边框 html代码: css代码: 浏览器呈现效果: 注意:在上面的例子中的表格有双边框,这是因为表和th/td元素有独立...

Css权重

标签:   css

     Css的权重是指样式的优先级,当有多个样式作用于一个元素时,只有权重高的样式对元素起作用,然而当权重相同时,后写的样式会覆盖前面的样式。 在设置Css中我们如何去判断权重呢? 权重值是可以计算的,我们可以...

CSS——less

标签:   css3

     less就是简便书写css的工具,还是像写css那样写,只是有些比较简洁,可以写除法、选择器套选择器等等。保存.less文件,就会在同级别下自动生成.css文件。 在px单位转换到rem单位过程中,哪项工作是最麻烦的? 答:...

CSS 阴影效果

标签:   css

     CSS中,通过text-shadow、box-shadow两个属性分别为文本和元素添加阴影效果。 CSS语法 box-shadow: h-shadow v-shadow blur spread color inset; 向元素添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个...

Windi Css

标签:   css  前端

     文章目录一、Windi Css是什么?二、代码演示2.读入数据总结 一、Windi Css是什么? 对于我来说Windi Css是一个可以让我们快速上手开发的一个组件库,他里面包含了几乎所有的css样式,可以让我们不需要再去繁琐的写...

CSS 3D效果

标签:   css3

     一、动画效果 1、Transform属性 Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。 有了这个属性,接下来就是设置动画的时间和动画的表现形式啦。 2、animation动画属性 ...

镂空文字CSS

标签:   CSS

     /*镂空文字*/ -webkit-text-fill-color:transparent; -webkit-text-stroke:1px #000;

css超链接

标签:   html  css

     一、CSS超链接样式 二、CSS超链接样式设置 1、CSS中可以根据超链接元素的状态,设置不同的样式属性 下面为4种超链接状态: a:link - 正常状态,未访问过的超链接状态 a:visited - 已访问过状态,用户已访问过的...

css文字换行

标签:   css

     字母换行:word-wrap: break-word; 单词换行:word-break: break-all; 文字换行:white-space:pre-wrap;

css module

标签:   css  module

     css module一、css module1.思路2.实现原理3.如何应用样式 一、css module 1.思路 通过命名规范来限制类名太过死板,而css in js虽然足够灵活,但是书写不便。 css module 开辟一种全新的思路来解决类名冲突的问题 ...

css让div居中

标签:   css

     css让div居中 1.对div使用绝对布局“position:absolute;”; 方法一:对div使用绝对布局position:absolute;并设置top,left,right,bottom的值相等,但不一定都等于0;并且设置margin:auto {position:absolute; top...

css 绘制小圆点

标签:   css

     .dot { position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #999999; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2); } <div class="dot">...

css字体缩放

标签:   css

     当字体设置超过浏览器最小值font-size不起作用时: .demo{ font-size: 10px; display: inline-block; transform: scale(0.7); -webkit-transform: scale(0.7); }

Css3详解

标签:   css3

     Css3 一、什么是Css3? “CSS3是CSS(层叠样式表)技术的升级版本,是CSS2的升级版本,3只是版本号,它在CSS2.1 的基础上增加了很多强大的新功能。CSS3原理同CSS,是在网页中自定义样式表的选择符,然后在网页中大量...

css改变鼠标样式

标签:   css

     CSS控制鼠标通过cursor属性来实现,该属性可以在任何标记中使用,因此,可以改变各种页面元素的鼠标效果。 //设置为小手 cursor:pointer //设置为左右箭头 cursor:w-resize 或 cursor:e-resize //设置为斜箭头 ...

Css-遮罩层

标签:   css

     遮罩层原理 利用一个全屏、半透明的div遮住页面上其它元素 <style> .tudou { position: relative; width: 444px; height: 320px; background-color: pink; margin: 30px auto;... .tudou img {

CSS 外部样式

标签:   css

     本节我们讲最后一种 CSS 引入方式,也是实际开发中主要使用的一种方式,即外部样式。 什么是外部样式 外部样式就是把 CSS 代码保存在一个单独的文件中,文件的扩展名为 .css,然后在 HTML 页面中引入这个 CSS 文件...

CSS实现省略号

标签:   css

     省略号作用 在制作网页的时候,经常会遇到文字内容太多超出部分省略的情况。例如: 我们可以把这个类设置在公共样式里,需要的时候随时调用。 实现方法 .omit { width: 185px; /* 省略号的设置 ......

     动画是CSS3中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或者一组动画,从而实现复杂的动画效果 1、 动画的基本使用 先定义动画 在调用定义好的动画 2、语法 @keyframes 动画名称 { 0% { ...

CSS 行内样式

标签:   css

     本节我们要学习一下 CSS 样式的几种形式,在实际应用中向 HTML 中引入 CSS 样式的方法有三种,分别是行内样式、内部样式、外部样式。我们会依次学习这三种方式的优缺点以及应用场景,本节我们先来讲一下行内样式。 ...

     reset.css是什么 reset.css是重置浏览器标签的样式表,其作用就是重新定义标签样式,覆盖浏览器的CSS默认属性,也就是指把浏览器提供的默认样式覆盖掉。 在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,...

CSS动态计算高度

标签:   css

     CSS3使用Calc calc()使用通用的数学运算规则,但是也提供更智能的功能: >使用“+”、“-”、“*” 和 “/”四则运算; >可以使用百分比、px、em、rem等单位; >可以混合使用各种单位进行计算; >表...

10  
9  
8  
7  
6  
5  
4  
3  
2  
1