CSS练习

2020-12-25 04:28

阅读:417

YPE html>

标签:padding   实现   一个   练习   select   html   value   class   新闻   

css 语法由三部分构成:选择器 、   属性  、 值

                                       selector  { property : value }

css中注释  :  /* */

 

使用css样式:

  1.内联方式(行内样式)

    就是在HTML的标签中使用style属性来设置css样式

    格式:  被修饰的内容标签>

"border: 5px solid red ; padding: 5px ">目前所获选票数为历届总统候选人之最|拜登|总统|贝拉克·侯赛因·奥巴马|大选_网易新闻



特点:仅作用于本标签

  2.内部方式(内嵌样式)

    就是在head标签中使用 标签来设置css样式

    格式:

                         ........css样式代码      

         

"utf-8">
    cssde 练习 

美媒:拜登目前所获选票数为历届总统候选人之最|拜登|总统|贝拉克·侯赛因·奥巴马|大选_网易新闻

美媒:拜登目前所获选票数为历届总统候选人之最|拜登|总统|贝拉克·侯赛因·奥巴马|大选_网易新闻

美媒:拜登目前所获选票数为历届总统候选人之最|拜登|总统|贝拉克·侯赛因·奥巴马|大选_网易新闻


特点:作用于整个界面

 

  3.外部导入方式(外部链入)

    就是在head标签中使用标签导入一个css文件,在作用于本页面,实现css样式设置

 

"stylesheet" type="text/css" href="./css/css.css">
href就是css样式的地方,在当前目录下的css文件夹的css.css文件中

特点:没啥特点

 

三者的优先级:当样式发生冲突时,采用就近原则

 

CSS练习

标签:padding   实现   一个   练习   select   html   value   class   新闻   

原文地址:https://www.cnblogs.com/zhangqianxi/p/13940419.html


评论


亲,登录后才可以留言!