码迷,mamicode.com
首页 > Web开发 > 详细

引用CSS

时间:2018-08-12 23:43:23      阅读:356      评论:0      收藏:0      [点我收藏+]

标签: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代码  

neir

  
    

内容

  
      

内容

      ID选择器 书写格式: # id值(自定义){ 声明块 } 属性id为指定值得元素,将应用声明块中的规则 在同一个HTML文档中,元素的id值必须唯一 例 :css代码   big{font-size:18px;}      html代码   

内容

   注:ID选择器的权重最高,其次是类,最后是元素选择器 属性名小写,属性值用双引号 六:语义化 div元素 用来划分区域,没有任何含义。 语义化结构元素,这是后来出现的,为了使别人(搜索引擎)能够更清楚这个区域的含义。 语义化标签=结构化标签         < header>       < nav >   < aside>      < article>   < section>         < footer >       一个页面的结构 < header >:用于表示页面或某个区域的头部,一个页面中可以出现多次。 < nav >: 用于表示导航栏,一般接一个img图片标签 < aside >:用于表示跟周围主题相关的附加信息。侧边栏,广告之类的。 < article >: 用于表示文章或其他可独立页面存在的内容。< article >可以嵌套,下面可以再接一个< article >,表示另一个独立内容。 < section >:  用于表示一个整体的一部分主题。多个< section >组成< article>,一般用于学术性文章的章节划分。 < footer >: 一般写在页面最下面的部分,比如: 地址,电话。 超链接 < a >元素书写格式: 1. < a href=”目标” > 内容 < /a > 写页面地址(路径) 锚点(同个页面的跳转) 功能链接 例: 页面地址: < a href=”group.html” >点开进行分组< /a > 锚点: < a href=”#qwe”> 内容 < /a > 跳转到< h1 id=”qwe” > 内容 < /h1 > 功能链接: < a href=”tel:18258415412” > 给我打电话 < /a > 拨电话功能,前提条件:客户端(用户使用的电脑)安装拨号功能,手机 < a href=”mailto:12345@qq.com” > 发邮件 < /a > 发送邮件功能,客户端(用户使用的电脑)安装了发送邮件功能的软件。 2. < a target=”页面打开位置” href=”目标” > 内容 < /a >     _blank新窗口中打开    _ self默认值,当前窗口中打开(也可以不写) < a target=”_blank” href=”目标” > 内容 < /a >**

引用CSS

标签:footer   big   要求   外部   文件中   样式表   新窗口   cti   超链接   

原文地址:https://www.cnblogs.com/ll0627/p/9465405.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!