CSS基本功先生--选择器_html/css_WEB-ITnose
程序员文章站
2022-04-14 09:15:19
...
前边我们已经说过CSS的认识和盒子模型,并且讲到了他的用途,详情大家看这篇文章即可。
这个格式是什么意思呢。给大家讲一下,其实他就是一个CSS选择器,而选择器包含1、标记选择器,类别选择器,ID选择器。
导入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的格式了,但是优点就是他比我们想的还周到,把能用到的东西都封装好了。
上一篇: 微信开发-天气预报功能
推荐阅读
-
HTML5新增的Css选择器、伪类介绍
-
HTML5新增的Css选择器、伪类介绍
-
前端笔记知识点整合之jQuery(一)加载函数的区别&对象&操作HTML/CSS&动画&选择器
-
HTML5实战与剖析之CSS选择器——querySelectorAll()
-
HTML和CSS前端教程03-CSS选择器
-
HTML5实战与剖析之CSS选择器——querySelector()
-
前端开发HTML&css入门——CSS&选择器练习(待补)
-
前端笔记知识点整合之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡
-
前端开发HTML&css入门——伪类选择器和一些特殊的选择器
-
HTML5实战与剖析之CSS选择器——getElementsByClassName()方法