标签:footer big 要求 外部 文件中 样式表 新窗口 cti 超链接
就目前来看,学的东西都很基础,这里把整理好的笔记贴上去,希望刚踏入前端的我们能够理解的更加清晰。 引用css 1.外部样式表,开发者一般使用它较为方便 2.内部样式表 3.行内样式表 2和3一般用于测试的时候 外部样式表:css代码在一个独立的文件中,HTML通过link元素引入到页面(link是空元素) 代码表现为: h1{ color:red } 特点: 没有了样式表文件,在某些时候可以提升效率 多个页面难以共享样式,不利于代码复用。 html和css代码混杂,不利于程序员和搜索引擎阅读 在某些对效率要求苛刻或测试的场景下使用 行内样式表:css代码写在元素的style属性中,行内样式不写选择器 特点: 没有了样式表文件,在某些时候可以提升效率 多个页面难以共享样式,不利于代码复用。 html和css代码混杂,不利于程序员和搜索引擎阅读 javascript操作的是行内样式表 在测试的场景下使用 注:同一个页面,同一个元素,分别用不同CSS引用不同样式添加,那么行内样式优先级最高,权重最大 拓展: 快捷键:对某一行进行注释。ctrl+? ,取消也是一样 多行标签:< h1 > * 多少行 五:CSS注释 1.书写格式:/* 注释内容 */ 作用: 描述代码功能 浏览器解析css代码时回忽略注释内容 2. css规则 css代码由一个一个的规则组成 每个规则指定了对哪些元素应用什么样式 h1{color:red;text-align:center;} 这里,“ h1” 是选择器,“{ }”里面的是声明快 选择器表示:该样式规则应用到哪些元素上 声明块表示:有哪些样式规则 元素选择器 书写格式:标记名{ 声明块} 所有与该标记名匹配的元素,都将应用声明快中的规则。 例:h1{color:red;text-align:center;} 类选择器 书写格式: . (英文点)类名(自定义){ 声明块 } 所有class属性为指定类名的元素,都将应用声明块中的规则。 例:css代码 .bigfont{font-size:18px;} .redcolor{color:red;} html代码内容
内容
ID选择器 书写格式: # id值(自定义){ 声明块 } 属性id为指定值得元素,将应用声明块中的规则 在同一个HTML文档中,元素的id值必须唯一 例 :css代码 big{font-size:18px;} html代码标签:footer big 要求 外部 文件中 样式表 新窗口 cti 超链接
原文地址:https://www.cnblogs.com/ll0627/p/9465405.html