【我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级】的更多相关文章

我给女朋友讲编程html系列(4) -- html常用简单标签

今天似乎有点感冒,浑身无力,在操场上躺了半个小时,好了许多.好了,废话不说了,还是写今天的教程吧. 1,html中的换行标签是 br,写法是: <br /> 2,html中有一些特殊的字符,不能直接输入,需要使用对应的字符实体来代替,比如使用   来代替空格,下面按照重要性列举出来一些常用的特殊字符. 显示结果 描述 实体名称 实体编号 空格     < 小于号 < < > 大于号 > > & 和号 & & " 引号 &qu…

我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset

我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一个网页 a.html,输入下面的内容: <html> <head> <title> html中的超链接标签-a标签 </title> </head> <body> 1,直接转向其他页面: <a href="http://1…

我给女朋友讲编程html系列(2) --Html标题标签h1

Html是一门标签语言,因此学习Html最快的方式就是学习使用html标签. html标题标签:h1,h2,h3,h4,h5,h6 标题标签总共有6个,h1,h2,h3,h4,h5,h6,从h1到h6,它对网页内容的重要性逐渐递减,h1最重要,h6最轻. 你用百度,用的最多的也就是搜索.因此你可以认为百度就是搜索引擎,搜索引擎就是百度. <h1>的作用就是告诉百度,这里面的内容就是文章的标题,方便百度识别标题. 下面看一下标题标签的用法以及效果,新建一个test.html网页,输入下面的内容:…

我给女朋友讲编程html系列(1) -- Html快速入门

Html是一门编写网页的语言. 在我学习Html的时候,网上的很多朋友说,直接使用[记事本]编写就行了,最后保存为后缀名为 .html 的文件. 不过,我建议你用[Nodepad++]来编写网页,用这个软件有几个好处: 1,像<html>这样的标签,在Nodepad++中是变颜色的,方便识别:而且成对的标签可以折叠. 2,按住Ctrl键,滑动滑轮,可以放大或缩小字体,我就比较喜欢大字体,不费眼睛. 你可以到网上搜一下Nodepad++,然后安装一下. 下面就开始编写你的第一个网页. 1,打开N…

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &…

我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的优先权

如果说,原生态就是美,那么,我们就没有必要穿衣打扮. 网页是什么? 说白了,网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 一个人的整容效果,很大程度上取决于Ta本人,也就是原材料,对网页来说,原材料就是html标签,因此设计优秀的html标签结构十分重要. 整容医生的作用也至关重要,割双眼皮,整容医生的基本功,不同医生割出来的效果不同. 作为一个网页设计师,我们是不是应该追求完美,尽最大努力,让网页漂亮一些. 我知道,我们往往自称…

css系列教程--css文件的创建

css文件的创建:1.外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css" />注:rel必须指定,否则不能识别样式表,type最好指定文件的类型.2.内部样式表:<style type="text/css">  hr {color: sienna;}  p {margin-left: 20px;}</style>注:…

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色，如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1,  新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1…

我给女朋友讲编程CSS系列(4) CSS盒子模型

什么是CSS盒子模型?如何学习CSS的盒子模型? 这篇文章,以 [分享 + 结论]  的方式来写. 1,  看w3school的[CSS 框模型概述] 网址为: http://www.w3school.com.cn/css/css_boxmodel.asp 接着把[CSS内边距],[CSS外边距],[CSS外边距合并]看看. 小结: (1)    一般,在样式表中,都会先把所有元素的外边距和内边距设置为0 * {   margin: 0;  padding: 0;  } * 是通配符,就是一个符…

我给女朋友讲编程总结建议篇，怎么学习html和css

总共写了11篇博客了,7篇讲html的,4篇讲网络的.不敢说写的多么好吧,最起码的是我迈出了写作的第一步,写作的过程中了解了一些其他的知识,比如SEO.几种重定向等,由于个人能力和见识有限,写出来的东西并是不是太好. 像html的那些标签,说出来大家都知道,但是具体设计网页的时候,使用哪种标签是最好的?怎么和CSS搭配最完美?写网页的时候,有没有什么艺术性的指导?对我这个初级的程序员来说,确实太难了,没有见识过大牛的技术,没有经历过高山流水,怎么可能写出绝对的干货. 有个大师说,50岁之前不写东…