css样式(一)

目录

 

什么是css

基础语法

选择器

什么是选择器

选择一个

同时选择多个

类选择器

并集选择

标签选择器

属性选择器

---

什么是css

CSS 指层叠样式表 (Cascading Style Sheets)

作用：

• 它是用来美化网页用的
• HTML代码是用来构建网页整体布局
• CSS则是用来美化网页。两者缺一不可

基础语法

以及一条或多条声明

px:像素

颜色：

• 英文单词 red,white,black
• 十六进制的颜色值 #ff0000：
• 使用 RGB 值

字体：

font-family: "sans serif";

多重声明：

       

选择器

什么是选择器

对指定的标签设置样式，要把指定的标签选择出来

选择一个

id 选择器：

• id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
• id 选择器以 "#" 来定义。

<p id="red">这个段落是红色。</p>

#red {color:red;}

       

#sidebar p

同时选择多个

类选择器

类选择器以一个点号显示：.center {text-align: center}

只要有同一类名的class都会被选择

       

并集选择

可以同时使用多个标签或多个选择器中间使用逗号分开

         

标签选择器

直接通过标签名称来进行选择

属性选择器

为拥有指定属性的 HTML 元素设置样式

为带有 title 属性的所有元素设置样式

[title]
{
color:red;
}