CSS基础（一）入门

来源：互联网发布：拼多多衣服比淘宝便宜编辑：程序博客网时间：2024/05/17 04:49

转自w3school

（1）CSS的一般语法格式为

selector {declaration1; declaration2; ... declarationN }

具体例子如：h1{font-size:14px;color:red} //设置h1大小为14px，颜色为红色

例子里h1为selector（选择器）.font-size:14px和color:red为declaration（声明）

font-size : 14px 为属性：值的对应。

（2）CSS选择器可以分组。

例如：h1，h2，h3{font-size:14px }

这里将h1，h2，h3分为一组，并对其属性进行赋值。

（3）CSS的继承问题

大部分浏览器都支持继承关系：子类继承父类的属性。

如：父类属性font-size：14px ，则子类font-size属性也默认为14px

不过当然，也可以在子类里重新对属性进行赋值。

（4）派生选择器的问题

例如有代码如下

<h1><strong>我是h1里面的strong元素</strong></p>

<p><strong>我是p里面的strong元素</strong></p>

分别对两个strong元素属性进行赋值如下：

h1 strong{......}

p strong{......}

CSS里面可以利用父类子类的关系确定选择器的名称。

（5）CSS的ID选择器

对特定标签进行ID命名<p ID="red">red</p>

然后使用ID来写：#red{.....}

ID选择器可以和派生选择器一起使用：#red q{.....} //对ID名为red的标签里面的q元素属性进行赋值

（6）CSS的类选择器

相应的标签样式为：.red{......}

类选择器同样也可以和派生选择器一起使用：.red q{......}对class名为red的q元素属性进行赋值

（7）CSS的属性选择器

[title]{.......}

对声明了title的标签的属性进行赋值

如<img title="red">img</img>

对没有声明title的标签无效。

除此外还有其他用法

选择器描述[attribute]用于选取带有指定属性的元素。[attribute=value]用于选取带有指定属性和值的元素。[attribute~=value]用于选取属性值中包含指定词汇的元素。[attribute|=value]用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。[attribute^=value]匹配属性值以指定值开头的每个元素。[attribute$=value]匹配属性值以指定值结尾的每个元素。[attribute*=value]匹配属性值中包含指定值的每个元素。

（8）插入样式表：写了样式的语句，如何插入到html代码里面呢？

一,在head标签里使用link标签来插入外部样式表：

二，当单个文档需要特定的样式的时候可以在head里面使用style标签定义内部样式表

三，在需要定义的单个标签里面使用style属性(不推荐)

阅读全文

0 0