css颜色 | 易学教程

CSS设置滚动条样式

阅读更多关于 CSS设置滚动条样式

1.webkit浏览器滚动条的属性 1. ::-webkit-scrollbar 滚动条整体部分，其中的属性: width,height,background,border等。 2. ::-webkit-scrollbar-button 滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。 3. ::-webkit-scrollbar-track 外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。 4. ::-webkit-scrollbar-track-piece 内层滚动槽/轨道，需要注意的就是它会覆盖第三个属性的样式。 5. ::-webkit-scrollbar-thumb 滚动的滑块 6. ::-webkit-scrollbar-corner 边角，两个滚动条交汇处 7. ::-webkit-resizer 定义右下角拖动块的样式/两个滚动条交汇处用于拖动调整元素大小的小控件（基本用不上） 2.自定义滚动条效果 ::-webkit-scrollbar{ width:14px; background-color: #0e487c; } ::-webkit-scrollbar-thumb{ background-color: #4facfa; } 　　 3.IE8设置滚动条

前端CSS

阅读更多关于前端CSS

前端CSS CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义如何显示 HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释 /*这是注释*/ 注释是代码之母。 CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 内部样式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 外部样式外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可。推荐使用此方式。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> CSS选择器基本选择器元素选择器 p {color: "red";} ID选择器 #i1

css上

阅读更多关于 css上

目录 CSS(上) 什么是CSS？ CSS的优点 CSS的引入方式行内样式内部样式外部样式 CSS的两大特性 CSS选择器基本选择器组合选择器更多选择器选择器的优先级 CSS属性相关(了解) 宽和高字体 CSS(上) 什么是CSS？ CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 CSS的优点使数据和显示分开降低网络流量使整个网站视觉效果一致使开发效率提高了（耦合性降低，一个人负责写html，一个人负责写css）比如说，有一个样式需要在一百个页面上显示，如果是html来实现，那要写一百遍，现在有了css，只要写一遍。现在，html只提供数据和一些控件，完全交给css提供各种各样的样式。 CSS的引入方式行内样式 <p style="color: red">您好</p> 内部样式 <style> div{ color:red; } </style>  <div>我就是这么强大</div> eg:这是个在pycharm中的例子。 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

Web全栈-体验CSS

阅读更多关于 Web全栈-体验CSS

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>体验CSS</title> <style type="text/css"> h1{ text-align: center; color: red; font-family: "微软雅黑"; } p{ text-align: center; color: blue; font-size: 20px; } </style> </head> <body> <!-- 分析: 有一个标题(H1), 还有一些段落(P) 标题是居中的, 段落也是居中的. 所以我们可以设置H标签和P标签的align属性等于center来实现标题和段落都有颜色,都有字体,都有大小, 所以需要给文字包裹一个font标签, 然后通过font标签来设置颜色和字体以及大小 1.通过标签来修改样式的缺点: 1.需要记忆哪些标签有哪些属性, 如果该标签没有这个属性, 那么设置了也没有效果 2.当需求变更时我们需要修改大量的代码才能满足现有的需求 3.HTML只有一个作用就是用来添加语义所以在企业开发中修改样式都是交给CSS来做 2.通过CSS来修改样式有什么好处? 1.不用记忆哪些属性属于哪个标签 2.当需求变更时我们不需要修改大量的代码就可以满足需求 3

LESS

阅读更多关于 LESS

Less Sass styuls 一款比较流行的预处理CSS，支持变量、混合、函数、嵌套、循环等特点官网中文网 http://www.w3cplus.com/css/less 概要为什么要有预处理CSS CSS基本上是设计师的工具，不是程序员的工具。在程序员的眼里，CSS是很头痛的事情，它并不像其它程序语言，比如说PHP、Javascript等等，有自己的变量、常量、条件语句以及一些编程语法，只是一行行单纯的属性描述，写起来相当的费事，而且代码难易组织和维护。很自然的，有人就开始在想，能不能给CSS像其他程序语言一样，加入一些编程元素，让CSS能像其他程序语言一样可以做一些预定的处理。这样一来，就有了“CSS预处器（CSS Preprocessor）”。什么是预处理CSS CSS语言的超集，比CSS更丰满 CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题，例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性，可以让你的CSS更加简洁、适应性更强

CSS

阅读更多关于 CSS

CSS语法 CSS样式由两个部分组成:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束. CSS注释 /*这个是注释*/ CSS的几种引入方式 1. 行内样式行内式是在标记的style属性中设定CSS样式,不推荐大规模使用. <p style="color:red">你好!</p> 2.内部样式内部样式,也就是嵌入式是将CSS样式集中写在网页的标签中标签中. <head> <meta charset="UTF-8"> <title>标题</title> <style> p { background-color: #2b99ff; } </style> </head> 3.外部样式外部样式就是将css写在一个单独的文件中,然后在页面进行引入即可.推荐使用 <link href="样式名.css" rel="stylesheet" type="text/css/"/> # 引入语句 CSS选择器基本选择器 /*元素选择器*/ p {color:red;} /*ID选择器*/ #id {background-color:red;} /*类选择器*/ .class {font-size: 15px;} /*通用选择器*/ * {color:red;} @注意: 样式类名不要用数字开头(有的浏览器不认识). 标签中的class属性如果有多个,要用空格分隔. 组合选择器

前端知道之css

阅读更多关于前端知道之css

css的几种引入方式行内样式行内式是在标记的style属性中设定css样式，不推荐大规模使用 <p style='color:red'>hello world</p> 内部样式嵌入式将css样式集中写在网页的<head></head>标签对中 <head> <meta charset='utf-8'> <title>title</title> <style> p{ background-color:white;} } </style> </head> 外部样式外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可 <link href="mystyle.css" rel="stylesheet"type="text/css"> css选择器基本选择器元素选择器：p{color：“red”;} id选择器：#i1{background-color:red;} class选择器：.c1{font-size:14px} p.c1{ color:red; } 注意：样式类名不要用数字开头（有的浏览器不认）标签中的class属性如果有多个，要用空格分隔通用选择器 *{color:while;} 组合选择器后代选择器：li a{color:green;} #li内部的a标签设置字体颜色 #选择所有父集是<div>元素的<p>元素儿子选择器：div>p

CSS基础

阅读更多关于 CSS基础

一　　CSS显示模式　　 1，标签级别　　CSS将HTML标签做了分类：文本级，容器级。　　文本级标签只能嵌套文字，图片等信息。常用的文本级标签包含：span，p，em，img等。　　容器级标签可以嵌套其他所有标签。常用的包含：div，ul，ol，table等所有结构化语义标签都是容器级，比如header，footer，nav，section等。　　　　 2，元素分类　　CSS将所有HTML元素分为三大类：块级元素，行类元素，行内块级元素。　　块级元素：独占一行；如果没有设置宽度，将继承父元素的宽度；如果设置了宽高，将按照设置值显示。　　行内元素：在一行内共存。不能设置宽高（margin和padding依然可以使用）。默认按内容大小显示。　　行内块级：不会独占一行，但可以设置宽高。　　CSS对元素的这种分类，我们称之为显示模式。　　　　 3，显示模式转换　　CSS使用display属性设置元素的显示模式。display属性有3个值：inline（行内），block（块级），inline-block（行内块级）。二　　CSS选择器　　　　 1，常用选择器　　a)，通配符　　　　CSS使用(*)星号表示通配符选择器，选中所所有标签。 1 *{font-size:14px;} 　　b)，特别重要　　　　CSS可以在属性值后添加

CSS三大特性

阅读更多关于 CSS三大特性

层叠继承优先级是我们学习CSS 必须掌握的三个特性。 CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。样式不冲突，不会层叠 CSS最后的执行口诀：长江后浪推前浪，前浪死在沙滩上。 CSS继承性所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。简单的理解就是：子承父业。 CSS最后的执行口诀：龙生龙，凤生凤，老鼠生的孩子会打洞。注意：恰当地使用继承可以简化代码，降低CSS样式的复杂性。子元素可以继承父元素的样式（text-，font-，line-这些元素开头的都可以继承，以及color属性） CSS优先级定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。在考虑权重时，初学者还需要注意一些特殊的情况，具体如下：继承样式的权重为0。即在嵌套结构中

CSS——背景及应用

阅读更多关于 CSS——背景及应用

CSS 可以添加背景颜色和背景图片，以及进行图片设置。 none : 　无背景图（默认的） url : 　使用绝对或相对地址指定背景图像 background-image 属性允许指定一个图片展示在背景中（只有CSS3才可以多背景）可以和 background-color 连用。如果图片不重复地话，图片覆盖不到地地方都会被背景色填充。如果有背景图片平铺，则会覆盖背景颜色。小技巧：我们提倡背景图片后面的地址，url不要加引号。背景平铺（repeat）语法： background-repeat : repeat | no-repeat | repeat-x | repeat-y 　参数： repeat : 　背景图像在纵向和横向上平铺（默认的） no-repeat : 　背景图像不平铺 repeat-x : 　背景图像在横向上平铺 repeat-y : 　背景图像在纵向平铺设置背景图片时，默认把图片在水平和垂直方向平铺以铺满整个元素。 repeat-x : 　背景图像在横向上平铺 repeat-y : 　背景图像在纵向平铺设置背景图片时，默认把图片在水平和垂直方向平铺以铺满整个元素。背景位置(position) 语法： background-position : length || length background-position : position ||

订阅 css颜色