美文网首页
HTML/CSS:规则、标签、快捷键、块和内联、属性、选择器

HTML/CSS:规则、标签、快捷键、块和内联、属性、选择器

作者: 琉佳 | 来源:发表于2019-10-09 22:06 被阅读0次

规则:

      标签不可嵌套

      F12工具=检查

      css中用/*注释*/  ; html中用<!--注释-->

      #  占位符号

      元素即标签,标签即元素

标签:

      href:跳转至地址

      <center>  网页内容居中

      <a>标签是超链接标签 ( 属性:href指向一个链接地址;target设置打开目标页面的位置--可选值:blank新窗口、self当前窗口)

      <iframe>内联框架引入外部    (属性:src)

      <link rel="stylesheet" type="text/css" href="style.css"> (href 指定一个外部css文件)【答辩项目】

快捷键:

      Ctrl shift+D    整行复制粘贴

      Ctrl shift+K    删除一行

      Ctrl Alt+上下键  多行同时编辑

      Ctrl +enter 不用在行尾,直接换行

块和内联:

      块元素: div  p(只能包含内联,不会包含块)  h1~h6  ul  li    [独占一行]    一般块元素包含内联元素

      内联元素(行内元素):a(超链接包含任意元素 ,不能包含自身)  img  iframe  span      [占自身需要]

属性:

      style样式    内为键值对格式

      type="text/css"    固定格式,写不写都可以,为兼容写上较好

选择器:

      元素选择器(标签选择器):标签名 { }

      类选择器:.className { }

      ID选择器:#id { }

      复合选择器(交集选择器):选择器1选择器2{}

      群组选择器/选择器分组(并集选择器):选择器1,选择器2,选择器3 { }

      通用(配)选择器:*{ }

      子元素选择器:父元素 > 子元素{}    【ie6即以下浏览器不支持】

      后代选择器:标签名称1(.类选器名称1)(#ID选择器名称1)空格标签名称2(.类选器名称2)(#ID选择器名称2)空格标签名称3(.类选器名称3)(#ID选择器名称3){css样式代码;}

      兄弟选择器:查找后边一个兄弟元素  .  兄弟元素 + 兄弟元素{}

                          查找后边所有的兄弟元素  .  兄弟元素 ~ 兄弟元素{}

      否定伪类::not(选择器){}

      伪类选择器:[伪类选择器以冒号开头]  eg::link    未访问时      **

                                                                        :visited

                                                                        :hover                  **

                                                                        :active  点击时            【顺序一般从上至下】

                                                                        eg:a:link{}

相关文章

  • day02

    A今天学了什么 1.html标签的分类及特点和属性 2.让内联标签和内联块标签的方法 3.css选择器: 4.伪元...

  • HTML/CSS:规则、标签、快捷键、块和内联、属性、选择器

    规则: 标签不可嵌套 F12工具=检查 css中用/*注释*/ ; html中用HTML5新增

    HTML的Form新增属性 HTML新增标签 HTML5新增结构标签 视频和音频 CSS 引入css 基本选择器

  • day02

    1.今天学了什么 1.HTML标签的分类 2.如何让内联元素和内联块元素水平居中 3.css选择器的分类: 4.选...

  • css基础

    引入css 内联样式,style属性,在HTML标签中写入style=“属性:属性值” 内嵌样式,style标签,...

  • CSS引入方式和优先级简单介绍

    css引入方式 内联方式, 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 嵌入方式,...

  • CSS布局(inline和block)

    CSS内联元素和块级元素, 内联块级元素 HTML语言标签元素被分为三种类型: 内联元素(行内元素), 块级元素,...

  • CSS基础扫盲——CSS选择器(前端学习&&拾遗)

    CSS基础扫盲-CSS选择器 为什么会有CSS选择器 一个HTML文件由很多HTML标签构成,我们有很多CSS规则...

网友评论

      本文标题:HTML/CSS:规则、标签、快捷键、块和内联、属性、选择器

      本文链接:https://www.haomeiwen.com/subject/gnsnpctx.html