css第一个元素 | 易学教程

《CSS权威指南》双鱼书详解——第二章选择器

阅读更多关于《CSS权威指南》双鱼书详解——第二章选择器

一、基本规则 CSS的核心特性就是能向文档中的一组元素类型应用某些规则。二、规则结构选择器+声明块。 h1{ color:red;background:yellow;} ，声明块由一个或多个声明组成。三、元素选择器文档的元素就是最基本的选择器，故叫元素选择器。如果一个属性的值可以取多个关键字，关键字通常由空格分隔。四、选择器分组 h1,h2,h3{CSS规则} 通配选择器 *{通配选择器} 对声明分组时，一定要在各个声明的最后使用分号。类选择器和ID选择器 p.class{} p#id{} 多类选择器：通常把两个类选择器连接在一起，仅可以选择同时包含这些类名的元素，类名的顺序不限。 class="urgent warning"; ID选择器不允许有以空格分隔的词列表。属类选择器 h1[class]{color:silver;} 这种格式要求必须与属性值完全匹配。子串匹配属性选择器 ^开头 $结尾 *包含 [foo^="bar"] 选择foo属性值以“bar”开头的所有元素。 [foo$="bar"]选择foo属性值以“bar”结尾的所有元素。 [foo*="bar"]选择foo属性值包含子串“bar”的所有元素。 [att|="val"] 选择att属性值等于val或者以val开头的所有元素。使用文档结构理解父子关系。后台选择器 h1 em{color

前端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

002 前端基础之CSS

阅读更多关于 002 前端基础之CSS

目录一、CSS介绍二、CSS语法 2.1 CSS实例 2.2 CSS注释三、CSS的几种引入方式 3.1 行内样式(内联样式) 3.2 内部样式 3.3 外部样式四、CSS选择器 4.1 基本选择器元素选择器 ID选择器类选择器通用选择器 4.2 组合选择器后代选择器儿子选择器毗邻选择器兄弟选择器 4.3 属性选择器 4.4 分组和嵌套分组嵌套 4.5 伪类选择器 4.6 伪元素选择器 first-letter before after 4.7 选择器的优先级 CSS继承选择器的优先级五、CSS属性相关 5.1 宽和高 5.2 字体属性文字字体字体大小字重（粗细）文本颜色 5.3 文字属性文字对齐文字装饰首行缩进文字之间的距离 5.4 背景属性 5.5 边框 5.6 border-radius 5.7 display属性 5.8 CSS盒子模型 5.9 margin外边距 5.10 padding内填充 4.11 float浮动三种取值 5.12 clear清除浮动清除浮动 5.13 overflow溢出属性 5.14 定位（position） static relative（相对定位） absolute（绝对定位） fixed（固定）脱离文档流：不脱离文档流： 5.15 z-index 5.16 opacity 六、综合案例

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=

css选择器

阅读更多关于 css选择器

css选择器一、基本选择器 1.1 标签选择器标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说 "共性" 而不是 ”特性“ body{ color:gray; font-size: 12px; } /*标签选择器*/ p{ color: red; font-size: 20px; } span{ color: yellow; } 标签选择器 1.2类选择器(.选择器名称) 所谓类：就是class . class与id非常相似任何的标签都可以加类，但是类是可以重复,属于归类的概念。同一个标签中可以携带多个类，用空格隔开类的使用，能够决定前端工程师的css水平到底有多牛逼？在这里一定要有”公共类“的概念。注意：样式类名不要用数字开头（有的浏览器不认）。标签中的class属性如果有多个，要用空格分隔。 .a { width: 100px; height: 100px; background: red; float: left; } .a1 { width: 100px; height: 100px; background: green; float: right; } .a2 { color: yellow; } . 类选择器  <div

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可以在属性值后添加

第二阶段：Html基础 day50 前端--Html基础之css

阅读更多关于第二阶段：Html基础 day50 前端--Html基础之css

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

前端之CSS的属性引入方式、选择器、选择器优先级

阅读更多关于前端之CSS的属性引入方式、选择器、选择器优先级

目录 1011 前端之CSS的属性引入方式、选择器、选择器优先级一、CSS介绍二、CSS语法 2.1CSS实例 2.2 CSS注释三、css属性的引入方式 3.1 行内样式 3.2 内部样式 3.3 外部样式四、CSS选择器 4.1 元素(标签)选择器 4.2 id选择器 4.3 类选择器 4.4 通用选择器 4.5 后代选择器 4.6 儿子选择器 4.7 毗邻选择器 4.8 兄弟选择器 4.9 属性选择器 4.10 分组和嵌套选择器 4.11 伪类选择器 4.12 伪类元素选择器五、选择器的优先级 5.1 CSS继承 5.2 选择器的优先级 1011 前端之CSS的属性引入方式、选择器、选择器优先级一、CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义如何显示 HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。二、CSS语法 2.1CSS实例每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 2.2 CSS注释 /*这是注释*/ 注释是代码之母。三、css属性的引入方式 3.1 行内样式行内样式是在标记的style属性中设定CSS样式，不推荐大规模使用。 <body> <div style="width: 10px;height: 20px

03 前端--CSS内容

阅读更多关于 03 前端--CSS内容

目录一、CSS介绍二、CSS语法三、CSS 的引入方式 3.1 行内引入样式 3.2 内部引入样式 3.3 外部引入样式四、CSS选择器 1、基本选择器 4.1 标签元素选择器 4.2 ID选择器 4.3 类选择器 4.4 通用选择器 2. 组合选择器 2.1 儿子选择器 2.2 后代选择器 2.3 毗邻选择器 2.4 兄弟选择器 3.属性选择器 4.分组选择器 5.伪类选择器 6.伪元素选择器 7.选择器的优先级五、CSS相关属性 5.1 宽和高 5.2 字体相关属性 1.文字字体 2.字体大小 3.字体粗细 4.文本颜色一、CSS介绍 CSS(Cascading Style Sheet ,层叠样式表):定义如何显示HTML元素,也就是HTML的样式表当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化(渲染) 二、CSS语法每一个CSS样式由两个部分组成：选择器和声明。声明又包括属性和属性值，每个声明又包括属性和属性值。每个声明之后用分号结束。 CSS的注释是 /*这里是注释*/ ：再次提醒注释是代码之母三、CSS 的引入方式 3.1 行内引入样式行内式是在标签内标记的style属性中设定CSS样式。不推荐大规模使用。  <p style=

CSS(上)

阅读更多关于 CSS(上)

订阅 css第一个元素