程序博客网 > 单片机音乐代码生成器

CSS第一天

来源：互联网发布：单片机音乐代码生成器编辑：程序博客网时间：2024/05/29 19:04

CSS 层叠式样式表

页面布局＋修饰

1.优点：

对比html，修改简单
可以独立存在(多个页面可以同时使用)

2.分类

浏览器缺省(默认)
内联样式(作用于当前标记)
内部样式(作用于当前页面)
外部样式(作用于整个网站)

内联样式：

例子：

<p style = “属性1：属性值1 ; 属性2 : 属性值2“>天猫</p>

字体颜色: color:red

字号大小:font-size:12px

多个属性之间用 ; 隔开

⚠️谷歌浏览器最小的字号为12px，小于12px一样以12px显示

内部样式：

例子：

<span>天猫</span>

<span>天猫</span>

<span>天猫</span>

如果多个内容要设置为同样的样式，就可以用到内部样式

语法:

<head>

<style type = “text/css”></style>

选择器{属性: 属性值; }

选择器

1.标记选择器

标记名称｛属性：属性值；｝

例子2:

2.类选择器(给相同标签下的的内容设置不同的样式)

<span class = “”>天猫</span>

<span>淘宝</span>

⚠️class=“”命名规则: 第一个字符不能为数字; 第一个字符可以是链接符(-),下划线（_）,其他的符号都不行

命名规范: 命名最好有寓意性

菜单: menu

导航:

3.ID选择器

#tm{color : #000; }

选择器之间的优先级

标记选择器 < 类选择器 < ID选择器

外部样式

新建外部样式表,后缀名：.css

写法

2. 引入外部样式表

0 0

单片机音乐代码生成器

单片机音乐代码生成器

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子杨梅干怎么晒自制杨梅干杨梅树小苗 10公分杨梅树价格杨梅树出售杨梅树幼苗杨梅树批发收购杨梅树杨梅树价格表杨梅树求购出售杨梅树杨梅树行情梦见杨梅树上结了好多杨梅杨梅树种植方法杨梅树几年结果野杨梅树图片杨梅树种植管理一颗杨梅树要种几年才结果魁树图片杨梅树管理技术杨梅树的种植技术杨梅汁怎么做杨梅汁核桃乳杨梅素杨梅红招聘杨梅红美术杨梅红少儿美术教育杨梅红艺术教育杨梅红少儿美术红猕猴桃杨梅红了的季节少年宫杨梅红一树杨梅半树红家乡的杨梅杨梅的产地杨梅像什么杨梅盆景关于杨梅杨梅酒里的杨梅张潇恒杨梅