CSS初识

2021-01-26 20:15

阅读:674

标签:结构   pytho   lock   网页   引入   col   通过   中间   边框   

CSS让我们的网页更加丰富多彩, 布局更加灵活自如。

CSS最大贡献就是: 让HTML从样式中脱离, 实现了HTML专注于去做结构呈现, 样式交给CSS

理想情况下: 结构(html)与样式(css)相分离

CSS初识

  • 概念  

          CSS(Cascading Style Sheets), 通常称为CSS样式表或层叠样式表(级联样式表)

  • 作用
    • 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的部件和外观显示样式。
    • CSS以HTML为标准, 提供了丰富的功能, 如字体、颜色、背景的控制以及整体排版等, 而且还可以针对不同的浏览器设置不同的样式

 

引入CSS样式表

行内式(内联样式)

  • 概念

     称行内样式、行间样式。是通过标签的style属性来设置元素的样式

  • 其基本语法格式如下
 内容 标签名>

实际上任何HTML标签都拥有style属性, 用来设置行内式

  • 案例
我们一起爬山吧!

注意:

1. style其实就是标签的属性

2. 属性和值中间是:

3. 多组属性之间用;隔开

  • 缺点

    没有实现结构和样式相分离

内部

 

CSS初识

标签:结构   pytho   lock   网页   引入   col   通过   中间   边框   

原文地址:https://www.cnblogs.com/featherwit/p/13228697.html


评论


亲,登录后才可以留言!