程序博客网 > 博泰与创业软件

CSS笔记（语法）

来源：互联网发布：博泰与创业软件编辑：程序博客网时间：2024/06/07 08:06

CSS 规则:

这里写图片描述

由选择器和声明（一条或多条）组成:
选择器通常是您需要改变样式的 HTML 元素；
每条声明由一个属性和一个值组成。
CSS声明总是以分号(;)结束，声明组以大括号({})括起来:

p {    color:red;    text-align:center;}

CSS 注释:

CSS注释以 “/*” 开始, 以 “*/” 结束。

选择器

标签选择器：

标签名 {    声明1;    声明2;    ...}

id、class属性选择器：在HTML中，标签的id属性与class属性的选择器分别使用“#”、“.”来标识；
id、class属性不要以数字开头，在 Mozilla/Firefox 浏览器中不起作用。

/*假设html中有以下两个标签div、p<div id="title"></div><p class='content'></p>*//* 那么id属性为“title”的div标签选择器为 */#title {    color:red;    text-align:center;}/* 那么class属性为“content”的p标签选择器为 */.content {    color:red;    text-align:center;}

如何插入样式表

外部样式

外部样式是指从外部文件中引入样式，对整个html中相同标签有效；
用法：使用 link 标签链接到样式表，属性href的值是css文件地址。

<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

内部样式

内部样式是指直接写在html内部css样式，对整个html中相同标签有效；
用法：在head标签中插入style标签，style标签里写入css样式。

<head><style>hr {    color:sienna;}p {    margin-left:20px;}body {    background-image:url("images/back40.gif");}</style></head>

内联样式

内联样式是指直接写在标签中的css样式，只对当前样式有效；
用法：在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。

<p style="color:sienna;margin-left:20px">This is a paragraph.</p>

多重样式

可以多做样式一起混合使用，需要考虑样式的优先级；
优先级：内联样式 > 内部样式 > 外部样式。

0 0

博泰与创业软件

博泰与创业软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子好心作怪国语全集免费好心作怪结局是什么好心作怪剧照好心作怪粤语14 丑人多作怪的意思好心作怪里面的车好心作怪是什么意思好心作怪大结局剧情介绍好心作怪介绍好心作怪30集丑人多作怪古灵好心作怪收视率我的主人爱作怪一言九鼎八作怪打一生肖好心作怪心姐是谁好心作怪姚日山怎么死的孩子咳嗽发烧警惕肺炎在作怪球球作战抢鲲大作战翔翔大作战贪吃大作战 300大作战英雄大作战炮灰大作战鲁丝大作战红蓝大作战求婚大作战刀剑大作战丛林作战蛇蛇大作战新娘大作战金钱作战作战 qqda作战抢鲲大作战在哪抢鲲大作战在哪里怎么找不到鱼丸捕鱼大作战抢鲲大作战bug 躲猫猫大作战信息作战方队拆散情侣大作战