美文网首页
前端-02day-选择器&css语法

前端-02day-选择器&css语法

作者: crx彭彭 | 来源:发表于2018-10-18 10:14 被阅读0次

    元素选择器:
    元素名

    id 选择器:(#)
    通过一个元素的id 选中一个唯一的元素

    class 类选择器:(.)
    通过class属性,选中一组元素

    选择器分组(并集选择器)
    可以同时选中对应的元素 #p1,.p2,h1{}

    通配选择器:()*
    选择页面上的所有元素

    复合选择器:
    既满足,又满足 什么下的什么 span.p3
    子元素和后代元素选择器:(祖先和后代的关系)
    后代元素选择器: --div span
    子元素选择器: --div>span

    怎样在一个新的窗口打开超链接?
    答:target="_blank"
    标签就叫元素,元素就叫标签
    <p style='color:'red';font-size:40px;'>内联样式表
    写在head 里的<style type='text/css'> 内容 </style> 的叫做内部样式表
    <link rel="stylesheet" type="text/css" href="css/stype.css">可以把样式统一写到样式表中,最大程度上使样式进行复用,统一使用link标签来引入,可以利用浏览器的缓存
    好处:加快用户的访问,提高用户的体验

    css语法:
    (P)选择器
    ({})声明块 用; 隔开
    css开发工具:
    光标不在结尾的时候 按ctrl+回车 会跳转到光标下面另起一行
    光标不在结尾的时候 按ctrl+shift+回车 会跳转到光标上面另起一行
    多行编辑 ctrl+alt+上下按钮
    h1*8 会出现8行<h1>
    既满足,又满足 什么下的什么 span.p3
    后代元素选择器
    *</h1>
    复制行 ctrl+shift+d
    删除行 ctrl+shift+k

    块元素:就是独占一行的元素 div(纯粹的块) p (段落) h1~h6(标题) ul(列表) li(列表项)
    内联元素(行内元素)把一行补满在换行:span a img iframe
    a 禁止嵌套
    p 不能包含其他的块
    a 可以包含除它本身任意元素

    相关文章

      网友评论

          本文标题:前端-02day-选择器&css语法

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