初识HTML和CSS

第九章

  1. 段落加入一个边框 p{border:1px solid red;}
  2. 注意p span{color:purple;}p>span{color:purple;}的区别
  3. 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
  4. 内联式肯定是优先级最高。嵌入式和外联式取决于远近。注意后面2者的写法
<style type="text/css">
   span{
       color:red;
   }
</style>

<link href="style.css" rel="stylesheet" type="text/css">

第十章

  1. 字体,字号,颜色
body{
  font-family:"宋体";font-size:12px;color:#666
  }
  1. 文字排版–粗体span{font-weight:bold;}
  2. 文字排版–斜体span{font-style:italic;}
  3. 文字排版–下划线p{text-decoration:underline;}
  4. 文字排版–删除线p{text-decoration:line-through;}
  5. 段落排版–缩进 p{text-indent2em}
  6. 段落排版–行间距(行高)p{line-heigh:1.5em}
  7. 文字间隔或者字母间隔h1{letter-spacing:50px}
  8. 英文单词之间的间距h1{word-spacing:50px}(letter的优先级更高)

10.段落排版–对齐 h1{text-align:center}
第十一章

  1. 盒模型 margin border padding width

第十二章

  1. 水平居中设置-定宽块状元素 css中宽度和maigin的左右必须都设置在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML(HyperText Markup Language)是一种用于创建网页的标记语言,它描述了网页的结构和内容。CSS(Cascading Style Sheets)是一种用于控制网页样式和布局的样式表语言。通过将HTMLCSS结合使用,可以创建出丰富多彩的网页样式。 在初识CSS时,你可以了解以下几个方面: 1. CSS的基本语法:CSS由选择器和声明块组成。选择器用于选择要应用样式的HTML元素,声明块中包含了一系列的样式属性和值。 2. 样式属性和值:CSS提供了丰富的样式属性和对应的取值,可以用来控制元素的外观、布局和动画效果。例如,可以使用"color"属性来设置文本颜色,使用"font-size"属性来设置字体大小。 3. 样式的应用方式:CSS样式可以通过三种方式应用到HTML元素上:内联样式、内部样式表和外部样式表。内联样式是直接写在HTML标签的"style"属性中,内部样式表是写在HTML文档头部的"style"标签中,而外部样式表是单独的CSS文件,通过链接到HTML文档中来应用样式。 4. CSS选择器:选择器用于选择要应用样式的HTML元素。常见的选择器有标签选择器、类选择器、ID选择器、属性选择器等。通过选择器的组合和嵌套,可以更精确地选择元素并应用样式。 5. 盒模型:CSS中的盒模型描述了元素在页面中所占的空间。它由内容区、内边距、边框和外边距组成。通过设置盒模型的属性,可以控制元素的大小、边距和边框样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值