美文网首页
HTML基础2

HTML基础2

作者: SimSun_ | 来源:发表于2018-01-11 23:36 被阅读10次
图片.png

上面的这些都可以换成:这个 <body><body/> 其实就是整个网页的主题,如果body的格式变了,整个都会跟着变:

body{

        text-align:center;

        color:#f30

     }

这样的话,想全部居中的就不用一个一个改了,可以统一一起改。

背景

background : <值>


图片.png

注意:

  1. 以上这些可以并列的写在一起用空格隔开
    2.位置的地方,可以组合起来用,比如左上(left top),或右下等等
    3.background-colot:#fff

选择器

标签选择器
直接使用标签名称
如:h1{color : red}
缺点:设置好整体之后,不能够在单独控制

类选择器
HTML中加class属性,CSS中必须加 .
比如:<p class=“zw”>网络课堂</p>


图片.png
图片.png

注意:

  1. 不能用数字开头,或者只有数字
  2. 如果是DW里面自由的类就不用加点 . ,如果是自己起的名字就要加点.

盒子模型

比如包装月饼的时候,很讲究,要有内边距,外边距,边框,内容等等


图片.png
图片.png
图片.png
图片.png 图片.png
图片.png 图片.png

相关文章

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • HTML 基础2

    1.Web开发工具 Sublime(轻量级) 而且有很多好用的插件下载链接:http://pan.baidu...

  • HTML基础(2)

    表格 属性: border: 默认情况下表格的边框宽度为0看不到, 通过border属性给表格指定边框宽度 wid...

  • HTML基础2

    上面的这些都可以换成:这个 其实就是整个网页的主题,如果body的格式变了,整个都会跟着变: body{...

  • HTML基础2

    一.样式有几种引入方式?link和@import有什么区别 样式主要有三种引入方式:外部样式表、内部样式表、内联样...

  • HTML 基础-2

    样式有几种引入方式? link和 @import有什么区别?主要的是以下三种: 浏览器缺省设置:浏览器的默认设置。...

  • html基础2

    line-height 行高是指文本行基线间的垂直距离关于行高 行距 基线等概念的图例: 在div中使文字垂直居中...

  • html基础2

    day1.1……………………………………….. 标题 我是h1 我是h2 我是h3 我是h4 我是h5 ...

  • HTML 基础 2

    样式的几种引入方式 外部样式: 内部样式: ... 内联样式: ... link 和 @import的区别: 区别...

  • HTML基础2

    列表标签 无序列表: 列表项 列表项 ...... type属性值值 ...

网友评论

      本文标题:HTML基础2

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