首页 > Web开发 > 详细

06:html中的重点--css

时间:2020-04-15 11:37:34      阅读:60      评论:0      收藏:0      [点我收藏+]

style在html中的三种表现形式

  1. 直接在标签style属性中编写

  2. 在head头部中编写

  3. 在文件中编写,然后用link导入

        <link rel="stylesheet" href="路径">

 

选择器

  1. id选择器 (#id)

  2. class选择器(.class)

  3. 标签选择器(div)

  4. 层级选择器。(span div)

  5. 组合选择器。即多个样式用同一个样式内容,用逗号分开

技术分享图片

   6. 属性选择器,属性用括号

技术分享图片

技术分享图片

 

css的优先级问题

  一个标签里有多个的样式,而样式里如果拥有相同的样式,就会涉及到优先级的问题。解释器是从下往上寻找的,所以基于css的优先就近原则

 

 css的常用选项

        .c1{
            text-align: center;  //左右居中
            line-height: 48px;
            font-size: 16px;  
            font-weight: 900; //字体加粗
        }

 

css之float:让标签漂起来。float:left/float:right

 

css之disaplay

            display: none;          # 让标签消息
            display: inline;        # 把块级标签变成行内标签;
            display: block;         # 把行内标签变成行内标签;
            display: inline-block;  # 同时具有块级标签与行内标签的属性;
            注意: 行内标签,无法设置高度,宽度,padding,margin

 

css之margin(外边距)与padding(内边距)

距离外面的边框增加距离,例如:margin-top:50px,即距离顶部有50px。

 

 

 

 

 

 

 

【完】

06:html中的重点--css

原文:https://www.cnblogs.com/yeyu1314/p/12702903.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!