CSS的一些常用知识点

一,概述

CSS中的一些常用用法老是忘记,翻代码吧,有时就找不到.还是写在博客里放心,忘记了就回来看一看.

二,使用CSS样式的三种方式

1)通过标签中的style属性使用CSS样式(不推荐使用,没办法复用)

<a style="color:#00CC33;text-decoration:none" href="#">新闻</a>

2)引用外部的CSS文件,推荐使用

引用外部CSS 文件有两种有两种方式:

a,推荐使用这种方式引用外部css文件

<link href="astyle.css" rel="stylesheet"/>

b,引用外部文件的第二种方式

<style type="text/css">@import url(astyle.css);
</style>

astyle.css文件内容:

@charset "utf-8";
/* CSS Document */
a{color:#993300;text-decoration:none;
}

3)直接在当前页面写css样式,复用性不强

<style type="text/css">a{color:#0066CC;text-decoration:none;}
</style>

三,几种选择器

直接粘贴代码,稍候解释.

<style type="text/css">/*1,标签选择器*/  div{background-color:#0000ff;}/*2,类选择器,需要在标签中加上相应的class*/.two{background-color:#00FF33;}/*3,id选择器,需要在标签中加上相应的id,id选择器只能有一个id,否则容易出错.id选择器优先于类选择器和标签选择器,类选择器优先于标签选择器*/#one{background-color:#FF0066;}/*4交集选择器*/div span{background-color:#FF0033;size:34px;}/*并集选择器*/a,span{size:60px;}</style>

对应body中的内容如下:

<body><a style="color:#00CC33;text-decoration:none" href="#">新闻</a><a href="#">百度</a><a href="#">新浪</a><a href="#">微博</a><a href="#">腾讯</a><div class="two"><h3 >标题集合<span>标签选择器</span>了撒旦法士大夫</h3></div><div class="test" id="one""><h3>标题</h3></div><span>hfasfdjlsafjlsadf花花范德萨发简历</span>
</body>

CSS的一些常用知识点相关推荐

Webpack 常用知识点总结
Webpack 常用知识点总结 webpack 是一个模块打包器.webpack 的主要目标是将 javaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transf ...
JavaScript工作面试常用知识点总结大全
JavaScript工作面试常用知识点总结大全 JS语言的构成 ECMAScript - JavaScript的核心 BOM - 浏览器对象模型 DOM - 文档对象模型 JS的引入方式外部引入:通 ...
01-HTML+CSS+JS【常用总结+案例练习】
文章目录 HTML 第一部分第二部分第三部分总结 CSS 选择器常用样式总结 JavaScript ECMA Script 基本语法 JS对象 BOM浏览器对象模型 DOM文档对象模型事件 ...
Vue 2.x 常用知识点笔记（万字笔记）
Vue 2.x 笔记常用知识点笔记,有错误欢迎指点哦~ 字数超过了一万字,得细品目录 Vue 2.x 笔记 1.新建Vue实例 2.阻止生成生产提示 3.模板语法 3.1 插值语法 3.2 指令语 ...
java js 速度慢,java js 速度慢jQuery常用知识点总结以及平时封装常用函数
本文为大家介绍了jQuery中常用知识点及函数,包含许多细节方面的知识,下面我们一起学习一下. jQuery中为我们提供了很多有用的属性,自己总结的一些常用的函数.个人认为在在线排盘开发中会比较常用的 ...
javaScript常用知识点有哪些
javaScript常用知识点有哪些一.总结一句话总结:int = ~~myVar, // to integer | 是二进制或, x|0 永远等于x:^为异或,同0异1,所以 x^0 还是永远等 ...
Css的filter常用滤波器属性及语句大全
Css的filter常用滤波器属性及语句大全语法:STYLE="filter:filtername(fparameter1, fparameter2...)" (Filterna ...
ES6常用知识点概述
前言国庆假期已过一半,来篇干货压压惊. ES6,并不是一个新鲜的东西,ES7.ES8已经赶脚了.但是,东西不在于新,而在于总结.每个学前端的人,身边也必定有本阮老师的<ES6标准入门>或 ...
list python 访问键值对_基础|Python常用知识点汇总(中)
字符串字符串是 Python 中最常用的数据类型.我们可以使用引号('或")来创建字符串.1.创建字符串 str1 = 'Hello World!' str2 = "Hello W ...
matplotlib一些常用知识点的整理，
本文作为学习过程中对matplotlib一些常用知识点的整理,方便查找. 强烈推荐ipython 无论你工作在什么项目上,IPython都是值得推荐的.利用ipython --pylab,可以进入Py ...

CSS的一些常用知识点

一,概述

二,使用CSS样式的三种方式

三,几种选择器

CSS的一些常用知识点相关推荐

最新文章

热门文章