css颜色 | 易学教程

CSS基础

阅读更多关于 CSS基础

什么是 CSS? CSS 指层叠样式表 ( C ascading S tyle S heets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一 CSS 实例 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。 CSS Id 和 Class id 和 class 选择器如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 class 选择器 class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。 class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：在以下的例子中，所有拥有 center 类的 HTML 元素均为居中如何插入样式表插入样式表的方法有三种:

css常用标签（1）

阅读更多关于 css常用标签（1）

1.css背景样式 background-color 背景色 background-image 背景图 url（背景地址）默认水平垂直都铺满 background-repeat 平铺方式 repeat-x repeat-y repeat（x，y都平铺） no-repeat 都不平铺 background-position ：背景位置 x y：number|单词 x : left,center,right y：number : top,center,bottom background-attachment : 背景图随滚动条移动的方式 scroll ：默认值（背景位置是按照当前元素进行偏移的） fixed ：（背景位置是按照浏览器进行偏移的） 2.css边框样式 border-style ：边框样式 solid : 实线 dashed ：虚线 dotted : 点线 border-width ：边框大小 px ... border-color : 边框颜色 red #f00000 ... 边框也可以针对某一边进行单独设置：border-left-style：中间是方向 left、right、top、bottom 颜色：透明色 transparent 3.css文字样式 font-family ：字体类型英文、中文衬线体、非衬线体注意点： 1.多个字体类型设置的目的 2

前端开发面试题及答案

阅读更多关于前端开发面试题及答案

一、你能描述一下渐进增强和优雅降级之间的不同吗? 如果提到了特性检测，可以加分。检测浏览器，渐进增强就是让牛b的浏览器的效果更好，优雅降级就是让2b的浏览器在功能ok的情况下效果一般。二、线程与进程的区别一个程序至少有一个进程,一个进程至少有一个线程. 线程的划分尺度小于进程，使得多线程程序的并发性高。另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制。从逻辑角度来看，多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源分配。这就是进程和线程的重要区别。三、请解释一下什么是“语义化的 HTML”。语义化的好处：1：去掉或样式丢失的时候能让页面呈现清晰的结构： html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点，但是浏览器都有有默认样式

前端开发面试题及答案

阅读更多关于前端开发面试题及答案

css字体样式+文本样式

阅读更多关于 css字体样式+文本样式

font-family属性值：具体字体名或者字体集如果是中文或者有单词之间有空格，需要加双引号字体集： Serif （有装饰线） Sans-serif （无装饰线） Monospace Cursive Fantasy <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> h1{ font-family: "Times New Roman"; } p{ font-family: "微软雅黑","宋体","黑体",sans-serif; } </style> </head> <body> <h1>css层叠样式表</h1> <p>什么是css层叠样式表呢？</p> </body> </html> font-size 相对单位 px （受显示器分辨率影响，在手机端一般不使用） em （针对父元素） % （针对父元素）字体颜色可查询 web安全色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*rgb数字：0~255*/ h1{ color:rgb(0,255,0); } /*rgb百分比：0%~100%

雷林鹏分享：CSS 简介

阅读更多关于雷林鹏分享：CSS 简介

　　在继续学习之前，你需要对下面的知识有基本的了解：　　HTML / XHTML 　　如果你希望首先学习这些项目，请在首页访问相关教程。. 　　什么是 CSS? 　　CSS 指层叠样式表 (Cascading Style Sheets) 　　样式定义如何显示 HTML 元素　　样式通常存储在样式表中　　把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题　　外部样式表可以极大提高工作效率　　外部样式表通常存储在 CSS 文件中　　多个样式定义可层叠为一　　样式解决了一个很大的问题　　HTML 标签原本被设计为用于定义文档内容，如下实例：　　这是一个标题　　这是一个段落。　　样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。　　为了解决这个问题，万维网联盟(W3C)，这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式(Style)。　　当代浏览器都支持 CSS . 　　CSS 样式表极大地提高了工作效率　　样式表定义如何显示 HTML 元素　　样式表定义如何显示 HTML 元素，就像 HTML 3.2

插入css样式表的三种方法

阅读更多关于插入css样式表的三种方法

http://www.w3school.com.cn/css/css_howto.asp http://www.runoob.com/css/css-howto.html 当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部： <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> 浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子： hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40.gif");} 不要在属性值与单位之间留有空格（如："margin-left: 20 px" ），正确的写法是 "margin-left: 20px" 。内部样式表

CSS简介

阅读更多关于 CSS简介

CSS概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一样式解决了一个普遍的问题 HTML标签原本被设计为用于定义文档内容。通过使用<h1>、<p>、<table>这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了HTML标准化的使命，并在HTML4.0之外创造出样式（style）。所有的主流浏览器均支持层叠样式表。样式表极大地提高了工作效率样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB

CSS

阅读更多关于 CSS

css 称为层叠样式表 css样式引入方式第一种 head标签中引入 <style> /* 选择器{css属性名称:属性值;css属性名称:属性值;} */ div{ /* css注释 */ width: 200px; height: 200px; background-color: red; } </style> 第二种方式外部文件引入工作中常用的创建一个css文件,stylesheet文件,比如test.css文件里面写上以下代码 div{ /* css注释 */ width: 200px; height: 200px; background-color: red; } 在想使用这些css样式的html文件的head标签中写上下面的内容 <link rel="stylesheet" href="test.css"> href对应的是文件路径第三种引入方式内联样式: <div style="background-color: red;height: 100px;width: 100px;"></div> css选择器基本选择器元素选择器 div{ width:100px; } 标签名称{css属性:值} id选择器 html示例代码: <div id="d1"> </div> css写法: #d1{ background-color: green; width:

CSS颜色渐变

阅读更多关于 CSS颜色渐变

Linear Gradients：线性渐变　　background: linear-gradient(direction, color-stop1, color-stop2, ...); 　　默认是从上到下的，可以把direction改为left就为从左到右渐变　　background: linear-gradient(to left, red , blue); 　　也可以left top，左上到右下　　background: linear-gradient(to left top, red , blue); 　　也可以使用角度，180度　　background: linear-gradient(180deg, red, blue); 　　还有透明度的应用　　background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); 　　Radial Gradients:径向渐变　　　　　　与线性渐变一样，讲语法改一下就可以了　　background: radial-gradient(center, shape size, start-color, ..., last-color); 来源： https://www.cnblogs.com/tyblwmbs/p/10700216.html

订阅 css颜色