随笔分类 - CSS系列
摘要：CSS伪类，是一种特殊的类，它针对到CSS选择器起作用，使选中的标签或元素产生特定的效果。CSS伪类的语法就是： 选择器 : 伪类名 { 属性 : 属性值 }用的最多的伪类就是超链接a的伪类，有:link，:visited，:hover，:active，而且需要按照这个顺序设置，有个简单的记法是，取...
阅读全文
摘要：一、CSS后代选择器详解1， 生动介绍基本概念一个标签嵌B在另一个标签A内部，B就是A的后代。而且，B的后代也是A的后代，这就叫“子子孙孙无穷尽也”。比如： 这个p标签是div的后代后代选择器就是用来选择一个标签的后代的；两个选择器中间添加一个【空格】就构成了后代选择器，空格后面的那个是后代。例如：...
阅读全文
摘要：这一篇文章，以笔记形式写。1， CSS 类选择器详解http://www.w3school.com.cn/css/css_selector_class.asp知识点：(1) 使用类选择器的前提是给标签添加上类属性，比如(2) 类选择器的语法为：*.important {color:red;}，不过一...
阅读全文
摘要：通配符使用星号*表示，意思是“所有的”。平时使用电脑，比如要搜索C盘里所有的网页，可以使用 *.html来搜索，.html是网页的后缀名，*代表了所有网页的名称；也就是使用 * 加后缀名，就可以在电脑中搜索文件。在CSS中，同样使用 * 代表所有的标签或元素，它叫做通配符选择器。比如：* { col...
阅读全文
摘要：Firebug是火狐浏览器Firefox的一个插件，专门为开发人员开发的。使用Firebug需要先在Firefox中安装这个插件，网上有很多教程，可以对照着安装一下。不同的火狐浏览器版本中的Firebug可能有些差别，不过大致相同。我使用的是火狐31.0版本。使用Firebug查看百度的菜单。1，百...
阅读全文
摘要：什么是CSS盒子模型？如何学习CSS的盒子模型？这篇文章，以 【分享 + 结论】 的方式来写。1， 看w3school的【CSS 框模型概述】网址为：http://www.w3school.com.cn/css/css_boxmodel.asp接着把【CSS内边距】，【CSS外边距】，【CSS外边距...
阅读全文
摘要：一、CSS如何设置字体的类型、大小、颜色设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的，它们的字体需要单独设置。1， 新建一个网页a.html，把下面的代码复制进去。设置字体的类型、...
阅读全文
摘要：首先看一下使用Css设置h1标签字体颜色和大小的例子，效果图如下： 新建一个网页test.html,然后复制粘贴下面的内容：使用Css让h1标签字体变红在浏览器中打开test.html，效果如上图。改变标签h1字体的是下面这句Css代码：h1 {color:red; font...
阅读全文
摘要：如果说，原生态就是美，那么，我们就没有必要穿衣打扮。网页是什么？说白了，网页就是一堆【html标签】有序的搭配，让【CSS属性值】整整容，请【Javascript语言】处理一下事件。一个人的整容效果，很大程度上取决于Ta本人，也就是原材料，对网页来说，原材料就是html标签，因此设计优秀的html标...
阅读全文
