2019-05-27课堂随记

①内联框架

        <iframe  src='地址'  width='宽' height='高' name=''></iframe>引入一个外部网页(不推荐使用,不会被搜索引擎检索)

②超链接

        <a href=''地址 可以是本地的相对路径 也可以完整的绝对路径></a>默认‘’_self‘’本页面跳转,‘’target=_blank属性可以在新页面跳转(可以在内联框架的‘name’处跳转)ps:如果不知道超链接要跳转到哪,直接加一个‘#’就可以了

        <center></center>把想要居中的内容用center包起来

        搜索锚点链接的使用方法

③CSS 层叠样式表

        内联样式表:在段落标签里添加:style='color:red;font=size:尺寸px;'添加样式(不推荐使用) 

        内部样式表:在title标签中添加:<style type=''text/css></style>属性在style标签里添加p{属性如color颜色font-size大小}‘p’代表需要样式的地方

                样式也可以单独创建一个CSS文档单独用来写样式,这样可以使别的html文档也使用同样的标签,在html中用<link rel='stylesheet' type='text/css' href='css/style.css'/>引入,这样称之为外部样式表:p{属性如color颜色font-size大小} 注意样式表中不可以写html的语法如注释等,如果实在需要注释用/*......*/格式添加注释

④块元素(有可以包含内联,独占一行的特点,会从上往下排列)

        div用来做布局;

        p(特殊  只能包含内联 不能包含块);

        h1-h6;

        ul;

        li...

⑤内联元素/行元素(不独占一行  有多大占多大,会从左往右排列,到头自动换行)

        span;

        a(特殊  可以包含任何  但是不能包括自己);

        img;

        iframe;

        input 

⑥常用选择器

        元素选择器:通过元素选择器选择页面上所有元素      ‘元素{样式属性如color等}’

        id选择器: 通过给元素设置id后给指定元素设定样式    ‘#元素id{样式属性如color等}’

        类选择器:通过class给元素设置类名给一组元素设定样式    ‘.元素class{样式属性如color等}’

        通配选择器:*{样式属性}‘ *’    代表所有元素

        复合选择器(交集选择器):元素.元素calss{样式属性}  ps:一般只用于calss

        子元素:子元素选择器可以给另一个元素的子元素 设置样式     ‘父元素 > 子元素{}’

                    :first-child  选择第一个子标签

                    :last-child  选择最后一个子标签

                    :nth-child  选择指定位置的子元素

                    :first-of-type

                    :last-of-type

                    :nth-of-type 选择指定类型的子元素

        伪类选择器: :link正常链接

                          :visited(只能定义字体颜色)访问过的链接

                          :hover  鼠标滑过的链接

                          :active  正在点击的链接

        属性选择器:元素[属性名]{}  为有某属性的元素设置样式

                            元素[属性名=**]{} 属性等于**的

                            元素[属性名^=**]{} 属性以**开头的

                            元素[属性名$=**]{} 属性以**结尾的

                            元素[属性名*=**]{} 属性包含**的

        兄弟元素选择器:兄弟元素 + 兄弟元素{}  查找后边一个兄弟元素 这个必须是紧挨着前面元素

                                  兄弟元素 ~ 兄弟元素{}  查找后边所有的兄弟元素 这个只要是前一个元素后面的元素都能选中

        否定伪类选择器::not(**){}  否定伪类可以帮助我们选择不是** 的某个元素

        拥有想同样式的元素选择器,可以用‘选择器,选择器{样式属性}’

⑦继承

        就像父亲的财产会遗传给儿子一样,在CSS中祖先元素的样式 同样也会被子元素继承。

继承是指应用在一个标签上的那些CSS样式会同时被应用到其 内嵌标签上

        背景 边框不会被继承

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容