css第一个元素 | 易学教程

css基础

阅读更多关于 css基础

看看w3school css语法在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。 h1 {color:red; font-size:14px;} 选择器的分组你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h3,h4,h5,h6 { color: green; } 你希望列表中的 strong 元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器： li strong { font-style: italic; font-weight: normal; } 请注意标记为 的蓝色代码的上下文关系： 我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用 <ol> <li>我是斜体字。这是因为 strong 元素位于 li 元素内。</li> <li>我是正常的字体。</li> </ol> id 选择器以 "#" 来定义。下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色： #red {color:red;} #green {color

HTML和CSS的一点入门

阅读更多关于 HTML和CSS的一点入门

HTML学习笔记第一天 1.HTML中不区分大小写 2.注释不能嵌套 3.标签必须结构完整 4.XML 更加严谨 5.浏览器尽最大努力正确加些页面，自动修正，但有些情况会错误修正 6.HTML标签可以嵌套，但是不能交叉嵌套 7.使用内联框架***iframe***可以引入一个外部的页面使用iftrame来创建一个内联框架现实开发中不推荐使用内联框架，内联框架中的内容不会被搜索引擎所检索 8.超链接：从一个页面跳转到另一个见面用标签来创建一个超链接属性： href：指向链接跳转的目标地址，相对路径or完整地址 a标签中的target属性可以用来指定打开链接的位置 _self：默认值在当前窗口打开 _blank:在一个新的窗口中打开链接可以设置一个内联框架的name属性值，链接将会在指定的内联框架中打开用#代表空链接默认为页面的顶部 HTML中有一个属性作为标签的唯一标识：id 9.center标签中的内容会默认在页面中居显示 10.发送电子邮件的超链接，自动打开计算机中默认的邮件客户端联系我们  <!-- 图片格式 JPEG：多颜色，可以压缩，但是不支持透明一般用来保存照片 GIF：支持的颜色较少，只支持简单透明，支持动态图 PNG：支持的颜色多，支持复杂透明图片使用原则： --

css知识点回顾

阅读更多关于 css知识点回顾

块元素：div ，p ，ul , li ,pl,h1-h6… 行元素：span ,a ,strong ,em ,b ,s ,i ,font… –> 行内块元素： <img/>,<input/>,<td/> 显示模式的转换 –>块转行内：display-inline； –>行内转块：display：block； –>块，行内元素转换为行内块：display：inline-block a元素可以包含任何元素，除了它本身。 p元素不可以包含任何其他的块元素。 css选择器 ① id选择器： #id属性值{} ② 类选择器： .calss属性值{} 可以同时为一个元素设置多个calss属性值，多个值之间用空格隔开。 –> 选择器分组: 语法选择器1，选择器2，选择器N{} //为id为p1的元素，class为p2的元素，还有h1，同时设置一个背景颜色为黄色 #p1 , . p2 , h1 { background - color : yellow } ---->可以同时选中多个选择器对应的元素。 ③ 通配选择器： *{} 用来选中页面中所有的元素。 ④ 复合选择器(交集选择器) ：可以选中同时满足多个选择器的元素。选择器1选择器2选择器N{} //为拥有class为p3的span元素设置一个背景颜色为黄色 span . p3 { background - color :

CSS自学笔记（3）:CSS选择器

阅读更多关于 CSS自学笔记（3）:CSS选择器

CSS中提供了非常丰富的选择器，但是由于浏览器的支持情况，很多选择器很少用到。 1.基础选择器选择器含义示例 * 通用元素选择器，匹配任何元素 * { margin:0; padding:0; } E 标签选择器，匹配所有使用E标签的元素 p { font-size:2em; } .info和E.info class选择器，匹配所有class属性中包含info的有元素 .info { background:#ff0; } p.info { background:#ff0; } #info和E#info id选择器，匹配所有id属性等于footer的元素 #info { background:#ff0; } p#info { background:#ff0; } 2.组合选择器选择器含义示例 E,F 多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔 Div,p { color:#f00; } E F 后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔 #nav li { display:inline; } li a { font-weight:bold; } E > F 子元素选择器，匹配所有E元素的子元素F div > strong { color:#f00; } E + F 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F p + p

高手传授十八般CSS技巧

阅读更多关于高手传授十八般CSS技巧

一、使用css缩写　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。　　二、明确定义单位，除非值为0 　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。　　三、区分大小写　　当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。　　class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。　　四、取消class和id前的元素限定　　当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如：　　div#content { /* declarations */ } 　　fieldset.details { /* declarations */ } 　　可以写成　　#content { /*

CSS详解（3.选择器）

阅读更多关于 CSS详解（3.选择器）

文章目录一，元素选择器二，类选择器【重点】三，ID选择器四，后代选择器五，属性和值选择器六，通配符选择器七，交集选择器八，并级选择器九，子选择器十，伪类选择器一，元素选择器 HTML元素是最典型的选择器类型，任何一个HTML元素都可以做为选择器。元素选择器的有效范围为页面中所有的、名称相同的HTML元素。格式：元素 { 属性: 值; } 例如：h1 { color: red; } h2 { color: #FF0000; } 或者：h1, h2 { color: #ff0000; } 二，类选择器【重点】如果想要把某一个样式应用到不同的HTML元素上，可以采用类选择器来定义，然后在不同标签中应用它们。格式1： .类名 { 属性: 值; } 格式2：元素.类名 { 属性: 值; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> < html xmlns = " http://www.w3.org/1999/xhtml " > < head > < meta http-equiv = " Content-Type " content = " text/html; charset

CSS-cascading stle sheets

阅读更多关于 CSS-cascading stle sheets

CSS-cascading stle sheets 1. CSS 什么是CSS？CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一个简单来说，做了两件事，声明对象样式，声明匹配对象，以供调用。 2. 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明: 选择器通常是HTML元素。每条声明由一个属性和一个值组成。属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。 p {color:red;text-align:center;} 当然，为了提高可读性，一般情况下是这样写的： p { color:red; text-align:center; } CSS 注释注释以 "/*" 开始, 以 "*/" 结束: /*这是个注释*/ p { text-align:center; /*这是另一个注释*/ color:black; font-family:arial; } 2.1. id 和 class 选择器如果要在HTML元素中设置CSS样式，需要在元素中设置"id

css3属性笔记

阅读更多关于 css3属性笔记

边框圆角效果 border-radius 除了px单位还可以用%或者em border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 阴影 box-shadow box-shadow: X轴偏移量（可为负数） Y轴偏移量（可为负数） [阴影模糊半径 (可选，模糊距离) ] [阴影扩展半径 (可选，模糊大小) ] [阴影颜色（可选，默认黑色） ] [投影方式（可选，inset为内部阴影方式，省略为外阴影） ]; .box_shadow(box-shadow:4px 2px 6px #ccc inset;) .box_shadow(box-shadow:4px 2px 6px #f00,-4px -2px 6px #000,0px 0px 12px #33cc00 inset)/*多个阴影之前用逗号分隔*/ 图片边框 border-image 颜色 raba background-color:rgba(255,255,255,0.5)/*透明度默认为1*/ Gradient之线性渐变（linear）和径向渐变(radial) background-image:linear-gradient(to bottom,red

css笔记之css总结

阅读更多关于 css笔记之css总结

css总结文字属性 color可以定义字体颜色 font-size: 字体大小 font-weight:字体粗细 normal: 默认值，标准粗细 bold: 粗体 bolder: 更粗 lighter: 更细 100~900: 设置具体粗细，400等同于normal，而700等同于bold inherit: 继承父元素字体的粗细值 font-style: 字体风格 normal：默认值，浏览器会显示标准的字体样式 italic：浏览器会显示斜体的字体样式 oblique：浏览器会显示倾斜的字体样式 font-family: 字体综合: {font:font-style font-weight font-size/line-height font-family;} 其他属性可以省略，必须保留font-size和font-family属性外观属性 line-height:行间距行间距=weight,可以设置水平居中 text-align:水平对齐方式 left 左对齐，默认值 right 右对齐 center 居中对齐 justify 两端对齐 text-decoration:文字装饰 none 默认。定义标准的文本 underline 定义文本下的一条线 overline 定义文本上的一条线 line-through 定义穿过文本下的一条线 inherit

css选择器

阅读更多关于 css选择器

选择器选择器：帮助你精准的选中想要的元素文章目录选择器简单选择器选择器的组合选择器的并列简单选择器 ID选择器 #选中的是对应id值的元素，选中范围太窄，不常用元素选择器选中元素范围太广，不常用例如：h1{ } 类选择器 .用的最多，非常灵活通配选择器 *表示选中所有元素属性选择器根据属性名和属性值选中元素伪类选择器例如：元素名：hover{}，没有元素名就表示对于所有元素的样式选中某些元素的某种状态 (1)link:超链接未被访问过的状态 (2)visited:超链接访问过后的状态 (3)hover表示鼠标悬停的状态，鼠标移动上去的状态 (4)active:表示激活状态，鼠标按下状态前两种只有a元素适用如果要写这四个属性，必须按照以上顺序书写，否则会出问题，这种被称为“爱恨法则”love hate 伪元素选择器生成并选中某个元素内部的第一个子元素或最后一个子元素写法：元素名+：：{} before:相当于在一个元素里面的前面在一个元素before,为它设置内容和样式 after:相当于在一个元素里面的后面在一个元素after,为它设置内容和样式例如： html+css >课程真的不错啊 span::before { content : "《" ; color : red ;

订阅 css第一个元素