css第一个元素 | 易学教程

day50学习整理-前端基础-css

阅读更多关于 day50学习整理-前端基础-css

前端之CSS

阅读更多关于前端之CSS

目录前端之CSS 1.CSS介绍 2.CSS语法 2.1CSS实例 2.2CSS注释 3.CSS的几种引入方式 3.1行内样式 3.2内部样式 3.3外部样式 4.CSS选择器 4.1基本选择器 4.2组合选择器 4.3属性选择器 4.4分组和嵌套 4.5伪类选择器 4.6伪元素选择器 4.7选择器的优先级 5.CSS属性相关 5.1宽和高 5.2 字体属性前端之CSS 1.CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义如何显示 HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 2.CSS语法 2.1CSS实例每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值每个声明之后用分号结束。 2.2CSS注释 /*注释*/ 注释是代码之母。 3.CSS的几种引入方式 3.1行内样式行内样式是标记的style属性中设定CSS样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 3.2内部样式嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下: <head> 　　<meta charset="UTF-8"> 　　<title>Title</title> 　　 <style> 　　　　 p{ background-color

前端之CSS

阅读更多关于前端之CSS

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

HTML--CSS样式

阅读更多关于 HTML--CSS样式

目录 HTML联合CSS CSS的几种引入方式 CSS选择器伪类选择器选择器的优先级 CSS相关属性 HTML联合CSS CSS介绍： CSS(层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表 CSS语法每个CSS样式由两个组成部分：选择器和声明。声明包括属性和属性值。每个声明结束后用分号结束选择器{ 属性：值; } PS:属性和值之后就是声明 CSS注释 /* CSS的注释格式 */ CSS的几种引入方式行内样式行内式是标记在style属性中设定CSS样式，不建议大规模使用内部样式嵌入式是将CSS样式集中写在网页的头部的 <style></style>标签中外部样式外部样式就是将CSS写在一个单独的文件中，然后在页面进行引入推荐使用 1.行内样式行内式是标记在style属性中设定CSS样式，不建议大规模使用 <p style="color:red">hello world</p>  2.内部样式嵌入式是将CSS样式集中写在网页的头部的 <style></style>标签中 <head> <meta charset="UTF-8"> <title>CSS样式</title> <style> /*p是选择器*/ p{ background-color:#2b99ff; /

css

阅读更多关于 css

浏览器内核 IE Trident firefox Gecko Safari Webkit Chrome/Opera Blink //Blink其实是Webkit的一个分支前缀 -ms- 兼容IE浏览器 -moz- 兼容firefox -webkit- 兼容chrome 和 safari -o- 兼容opera //注意带兼容的要写在最前面 100vh 就是百分百窗口高 100vw 百分百窗口宽 @keyframes 动画名字{ 0% {} 100%{} } //这里的%是时间的百分比 animation: move 2s liner 0s 1 alternate forwards; //alternate过去算一次，回来算一次前面2个属性必写简写属性里面不包括animation-play-state 暂停动画 animation-play-state:paused 经常和鼠标经过等配合使用 alternate 去回 forwards 在结束位置停住 backwards 回到开始位置（默认）除来liner 还可以用步长 animation: move 2s steps(5); 过渡 transition: all/width 0.3s liner 3s; //哪个需要过渡写在哪个上面通常与hover搭配使用渐变 background: linear-gradient

css：css认知总结

阅读更多关于 css：css认知总结

什么是css？ css英文全称Cascading Style Sheets，中文全称层叠样式表，作用是编辑、排版、控制html的样式。选择器（普通选择器；伪类选择器；伪元素选择器）属性选择器： e[att^=’val’]{}：某属性开头包含某字符串 e[att$=’val’]{}：某属性结尾包含某字符串 e[att*=’val’]{}：某属性包含某字符串结构性伪类选择器 :root{}：根元素选择器，控制html（推荐使用） input:not([type=’submit’]){}：否定选择器，选择除此以外的其他元素 Div:empty{}：空元素选择器，选择没有任何内容的元素，包括空格 :target{} ul>li:first-child {color: red;} ：子元素选择器，不是后代选择器 ul>li:last-child {color: red;} ：子元素选择器，不是后代选择器 div > div:nth-child(2){}：选择一个或多个子元素（2,2n,odd,even） div > div:nth-last-child(2){}：同上，但是从最后一个子元素开始计算 div > div:nth-of-type(5){} ：指定某类子元素的某个或多个 div > div:nth-last-of-type(5){}：同上，但是从最后一个子元素开始计算 div

CSS总结（一）

阅读更多关于 CSS总结（一）

css的三种书写方式行内样式 <div style="color: pink;">熊二</div> 内嵌样式 <head> <meta charset="UTF-8"> <title>Document</title> <style> div { color: blue; } </style> </head> 外联样式（外链样式） <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="样式.css"> </head> <body> <div>熊大与熊二</div> </body> 颜色属性颜色的值的三种表示方式使用表示颜色的单词十六进制表示法 0-9 a-f color: #nn nn nn; n的取值：0-9, a-f （推荐使用）注意：当每两位相同的时候可以简写成三位 rgb表示法 rgb(n,n,n) n的取值： 0-255 color: red; color: #00ab22;*/ color: rgb(255,0,0);*/ 字体属性 font-size：设置字体大小 font-style：设置字体样式 font-weight：设置字体粗细 font-size: 100px; font-style: italic; /*设置字体倾斜*/ font

CSS_前端

阅读更多关于 CSS_前端

介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 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文件是和你的html是一个目录下，如果不是一个目录，href里面记得写上这个.css文件的路径 CSS选择器

CSS学习（2）Id和Class选择器

阅读更多关于 CSS学习（2）Id和Class选择器

id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。以下的样式规则应用于元素属性 id="para1": #para1 { 　　text-align: center ; 　　color: red ; } ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。 class 选择器 class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。 class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。 .center { text-align: center ; } 你也可以指定特定的HTML元素使用class。在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中: p .center { text-align: center ; } 类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。来源： https://www.cnblogs.com/1016391912pm/p/11538284.html

HTML和 css概论

阅读更多关于 HTML和 css概论

Html和css概述 1.什么是html 根据w3c定义HTML全称HyperText Markup Language用于定义文档内容结构 W3c：万维网联盟，是目前web技术最具有权威和影响力的技术标准机构。 HyperText Markup Language：超文本标记语言 2.什么是css 根据W3C定义，CSS全称Cascading Style Sheets 用于定义HTML文档的样式（外观） Cascading Style Sheets：层叠样式表。 HTML术语 1.html注释快捷键 CTRL+/ 有以下  2.html元素 html元素：是html文本重要组成部分，一个html文档是由大量的元素组成 HTML中的所有内容结构，都是靠元素组织到页面中的 HTML元素的组成部分: 主要有标签（属性）元素内容标签空元素： img元素没有元素内容和结束标记类似于这种元素，称之为：空元素、自闭合元素空元素的书写格式： <标签属性> <标签属性/> 元素层次结构：形成嵌套式的层次结构 Html文档结构 Head元素：又叫做文档头，它是html元素的第一个子元素文档头中可以包含一些其他元素，用于描述页面的附加信息注意！head元素中的内容不会显示到页面上！实例： Body元素： body元素又叫做文档体

订阅 css第一个元素