代码改变世界

CSS3(前端基础) - 实践

2025-12-02 19:34  tlnshuju  阅读(24)  评论(0)    收藏  举报

CSS 书写顺序:

1.盒子模型属性

2. 文字样式

3. 圆角、阴影等修饰属性

初识CSS

CSS 定义:层叠样式表(Cascading Style Sheets,缩写为CSS),是一种样式表 语言,用来描述HTML文档的呈现(美化内容)。

书写位置:title标签下方添加 style双标签,style标签里面书写CSS代码。

CSS初体验

体验CSS

CSS 引入方式

  • 内部样式表:学习使用:CSS代码写在style标签里面
  •  外部样式表:开发使用:CSS代码写在单独的CSS文件中(.css);在HTML 使用link 标签引入 
     
  • 行内样式:配合JavaScript 使用: CSS写在标签的style属性值里
    这是div标签

一、基础选择器

选择器作用:查找标签,设置样式。

基础选择器:

1.标签选择器

使用标签名作为选择器→选中同名标签设置相同的样式。

例如: p, h1, div, a, img ......

2. 类选择器 

作用:查找标签,差异化设置标签的显示效果。                                                                   步骤:  1.定义类选择器→.类名      2.使用类选择器→标签添加class="类名”