今日收获：CSS基础

2022-4-13

块标签：div，h1~h6,p,ul,ol,li,nav......

块标签特点：独占一行，默认宽度占满父级，高度为哦，子级内容撑开高度

行标签：span，a,i,b,sub,sup,em,strong......

行标签特点：同排序跟显示，遇父级边界换行;不支持宽高，内容撑开宽高;不支持上下外边距;不正常显示上下内边距;换行被解析

行块标签：img......

行块标签特点：同排序跟显示，遇父级边界换行；没有宽高的时候内容撑开宽高；换行被解析

引入方式：外部；内部；内联（行内样式）

背景

背景色 background-color
   背景图 background-image：url（）；每个背景图像被明确规定为关键字 none 或是一个 <image> 值。
  none：是一个表示无背景图的关键字
   <image>：用来标记将要显示的图片. 支持多背景设置，背景之间以逗号隔开.

文本
   字体颜色 color
   字体大小 font-size
   字体样式 font-family
   对齐方式 text-align
   行高 line-height
   首行缩进 text-indent
   字体间距 letter-spacing ； word-spacing
   文本装饰线 text-decoration
   text-decoration-line文本修饰的位置, 如下划线underline，删除线line-through
none: 取消已经存在的任何文本装饰。
underline: 文本下划线.
overline: 文本上划线
line-through: 穿过文本的线 strikethrough over the text.（删除线）
文本修饰的颜色 text-decoration-color
text-decoration-style 文本修饰的样式, 如波浪线wavy实线solid虚线dashed
text-decoration-thickness 文本修饰线的粗细
   文本大小写字母 text-transform
       text-transform: capitalize; 这个关键字强制每个单词的首字母转换为大写
       text-transform: uppercase;这个关键字强制所有字符被转换为大写。
       text-transform: lowercase; 这个关键字强制所有字符被转换为小写。
       text-transform: none;这个关键字阻止所有字符的大小写被转换。
       text-transform: full-width; 这个关键字强制字符 — 主要是表意字符和拉丁文字 — 书写进一个方形里，并允许它们按照一般的东亚文字（比如中文或日文）对齐。
   空白符处理 &nbsp
常见选择器
   通配： *
   id ： #
   class： .
   标签名
   后代
   群组选择器   交集选择器：紧贴 ;   并集选择器：以，隔开 .
   子代： >

今日收获：CSS基础相关推荐

HTML、css基础知识
typora-copy-images-to: media 第01阶段.前端基础.CSS初识 CSS层叠样式表学习目标理解 css的目的作用 css的三种引入方式应用 css三种引用方式的书写通 ...
html基础和CSS基础
HTML和CSS基础 html基本结构 vscode推荐插件插件作用 Chinese (Simplified)LanguagePack for vs Code 中文(简体)语言包 Open in ...
CSS基础学习（6）
今日总结前几日css基础部分,复习与巩固的同时仿照写出一个网站. 文本图片来源于某天气新闻 <!DOCTYPE html> <html lang="en"> ...
css 实现摇晃动画——css基础
css实现摇晃动画--css基础--animation动画的使用最近在写前台页面,有个标签上有个图标,需要一直摇晃.效果图如下: 具体代码如下: @-webkit-keyframes shake { ...
前端学习从入门到高级全程记录之3 （CSS基础知识）
本次学习目标从今天开始我们要学习CSS的知识了,前面HTML知识还比较生疏的同学别忘了复习. 本次学习目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS ...
html与css项目,项目六HTML与CSS基础.doc
项目六HTML与CSS基础.doc 项目六: HTML与CSS基础课题名称:6．2 CSS样式表的使用(一) 教学目标 1．知识与技能目标熟练掌握插入Div 标签和设置样式定义的方法:理解CSS样 ...
CSS基础_Day04
CSS基础一.CSS继承 1.给 HTML 的 body 元素添加样式每一个 HTML 页面都有一个 body 元素. 我们可以通过设置 background-color 的属性值为黑色,来证明 ...
CSS基础_Day03
CSS基础一.给 div 元素添加背景色 background-color 属性可以设置元素的背景颜色. .green-background {background-color: green; } ...
CSS基础_Day02
CSS基础一.字体 1.更改元素的字体大小字体大小由font-size属性控制. <style>p{font-size:16px;}//设置p元素字体大小为16px </styl ...
CSS基础_Day01
CSS基础一.CSS简介 CSS 的全称是 Cascading Style Sheet(层叠样式表),它主要用来控制网页的样式. CSS 的选择器区分大小写,因此要谨慎使用大写. 可以设置以下内容: ...

今日收获：CSS基础

背景

今日收获：CSS基础相关推荐

最新文章

热门文章