初识CSS |
您所在的位置:网站首页 › html添加css › 初识CSS |
文章目录
1.认识CSS2.CSS的编写3.CSS的应用3.1 内联样式3.2 内部样式表3.3外部样式表
4.CSS注释
1.认识CSS
CSS表示层叠样式表(Cascading Style Sheet,简称:CSS,又称为又称串样式列表、级联样式表、串接样式表、阶层式样式表)是为网页添加样式的代码。 CSS的出现是为了美化HTML的,并且让**结构(HTML)与样式(CSS)**分离 美化方式一 为HTML添加各种各样的样式 比如颜色、字体、大小、下划线等等; 美化方式二 对HTML进行布局 按照某种结构显示(CSS进行布局-浮动、flex、grid ) 2.CSS的编写声明(Declaration)一个单独的CSS规则 如 color: red; 用来指定添加的CSS样式 属性名(Property name) 要添加的css规则的名称 属性值(Property value) 要添加的css规则的值 3.CSS的应用CSS提供了3种方法,可以将CSS样式应用到元素上: 内联样式(inline style) 内部样式表(internal style sheet)、文档样式表(document style sheet)、内嵌样式表(embed style sheet) 外部样式表(external style sheet) 3.1 内联样式内联样式表存在于HTML元素的style属性之中 CSS样式之间用分号;隔开,建议每条CSS样式后面都加上分号 3.2 内部样式表将CSS放在HTML文件元素里的元素之中 3.3外部样式表外部样式表(external style sheet)是将css编写一个独立的文件中 并且通过元素引入进来 使用外部样式表主要分成两个步骤: 第一步 将css样式在一个独立的css文件中编写(后缀名为.css)第二步 通过元素引入进来可以在style元素或者CSS文件中使用@import导入其他的CSS文件 4.CSS注释CSS代码也可以添加注释来方便阅读: CSS的注释和HTML的注释是不一样的; /*注释内容*/ |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |