CSS基础知识笔记(二)之选择器】的更多相关文章

CSS选择器 选择器{ 样式; } 每一条css样式声明(定义)由两部分组成,形式如下: 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素. 标签选择器其实就是html代码中的标签.如右侧代码编辑器中的<html>.<body>.<h1>.<p>.<img>.例如下面代码: p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用:为p标签…
文章目录 1.CSS基础知识 2.css样式 2.1.代码: 2.2 测试结果 3.CSS的语法 3.1 代码 4.块元素和行内元素 4.1 代码 4.2 测试结果 5.常用的选择器 5.1 代码块 5.2 测试结果 6.父类和子类选择器 6.1 代码 6.2 测试结果 7.列表 7.1 代码 7.2 测试结果 8.盒子模型 8.1 代码 8.2 测试结果 9.内边距 9.1 代码块 9.2 测试结果 10.外边距 10.1 代码块 10.2 测试结果 11.块元素和行内元素.display 1…
在这一篇中,主要总结一下CSS中的选择器. 参考:http://www.cnblogs.com/webblog/archive/2009/07/07/1518274.html CSS中的选择器主要包括: 派生选择器:通过依据元素在其位置的上下文关系来定义样式.包括后代选择器,子元素选择器,相邻兄弟选择器. id选择器:可以为标有特定 id 的 HTML 元素指定特定的样式. 类选择器:可以为class的 HTML 元素指定特定的样式. 属性选择器:为拥有指定属性的 HTML 元素设置样式,而不仅…
css 样式由选择符和声明组成,而声明又由属性和值组成: 选择符: 又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响. 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔.当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red;} 注意: 1.最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号. 2.为了使用样式更加容易阅读,可以…
Q:HTML5是什么?为什么要用HTML5?有什么新特性?移除了哪些元素? HTML5是HTML的最新版本,2014年10月由万维网联盟(W3C)完成标准制定.目标是替换1999年制定的HTML4.01和XHTML1.0标准,以期望能在互联网应用迅速发展的时候,使网络标准达到匹配当代的网络需求.HTML5指的是包括HTML,CSS和Javascript在内的一套技术组合.它希望能够减少网页浏览器对基于插件的网络应用服务(Plug-in-Based Rich Internet Applicatio…
继承 继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代.比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签. CSS中存在一些不能继承的样式,如: border:1px solid red; 特殊性 同一标签设置不同的css样式,游览器根据标签权值来判断使用哪个CSS样式. 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100. 继承也有权值且为最低. p{color:red;}…
元素分类 标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span>.<br>.<i>.&…
diV有 Class.Style.title.ID 等属性. 1.margin 空出边缘 margin:上 下 左 右(按顺时针顺序,缺少某一方向则对称) 2.border 边框(三要素:像素 形状 颜色) border-top : 1px solid black 上框 border-bottom : 1px solid #6699cc 下框 border-left : 1px solid #6699cc 左框 border-right : 1px solid #6699cc 右框 border…
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>天蓝蓝</title> </head> <body> <div style="font-size: 48px">…
HTML <img>标签 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 讲解: 1.src:标识图像的位置: 2.alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本: 3.title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本): 4.图像可以是GIF,PNG,JPEG格式的图像文件. HTML表单标签,用户交互 语法…