美文网首页
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{}

    相关文章

      网友评论

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

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