前端开发

 首页 > 前端开发 > css教程 > CSS基本功先生——选择器 - html/css语言栏目:ht

CSS基本功先生——选择器 - html/css语言栏目:ht

分享到:
【字体:
导读:
          导入CSS(导入命名空间)我们就一点一点的说,首先他是为了修饰网页的,也就是修饰HTML中的元素的,之所以说他方便,主要是他能对HTML中的每个元素集中处理,就好像我们的函数一样...

 

导入CSS(导入命名空间)

我们就一点一点的说,首先他是为了修饰网页的,也就是修饰HTML中的元素的,之所以说他方便,主要是他能对HTML中的每个元素集中处理,就好像我们的函数一样,但是我们要使用某个函数的话是不是就首先要导入他的命名空间呢,在HTML中也是一样的,当然方法稍微有点差异,但是思路还是一样的。下边就是集中方法。

 

    //行内样式
    

123

//链接式

CSS标题

紫色,出题,下划线

//内嵌式

 

CSS格式中的#,空格,点和冒号

 

在CSS中,我们会经常会看到这么一个格式

    #navigation li a:link, #navigation li a:visited{
	background-color:#7591a3;
	color:#FFFFFF;
     }

这个格式是什么意思呢。给大家讲一下,其实他就是一个CSS选择器,而选择器包含1、标记选择器,类别选择器,ID选择器。

 

1、标记选择器(写在HTML中)

2、类别选择器(写在CSS文件中)

 

3、ID选择器

这样上边的代码就知道了吧。他其实就是对HTML中这样一句话进行的设置。设置了下边代码中按钮字的颜色和字体大小。

		
如果把id换成class也可以,只需要把#换成“.navigation”就可以了。嵌套块用空格表示就可以。例如
          #navigation li a:link

 

例如上边的代码就是div块,li块,a块三者的分开

总结

 

这里只是个大家讲一下简单,引入的基本语法,具体的设置一些具体的属性,我们留在下一篇博客,对比一下我学习的CS的东西,他和我们类非常的像,而且都是一些封装好的类,只是因为她的这些“类”都是封装好的,所以我要用的话就得讲究CSS的格式了,但是优点就是他比我们想的还周到,把能用到的东西都封装好了。

 

 

分享到:
css3实现色子自动翻转效果 - html/css语...
css3使我们能够跳出2d空间,实现3维空间的动画效果,这里给出一个自动翻转的3d色子动画效果制作过程。   第一步,首先进行HTML的布局,对于3D效果,布局有一定的规律,代码如下:                 .         ..         ...         ....         .....         ......   ...
CSS规则树和HTML的DOM树合成渲染树时渲染...
在浏览器内核(排版引擎)CSS规则树和HTML的DOM树合成渲染树的时候,会涉及到渲染树的位置属性的问题,因为其位置属性将通过CSS选择器链的优先级来决定,而渲染树的某个结点可能会同时满足多个选择器链,这时候就要通过选择器的优先级来完成属性的赋值。 在这个地方,我仅仅处理了几个简单的选择器情况:{(.class) (#id...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……