SpannableString去掉下划线_css 加粗


学习java的第044天,今天学习了HTML5的各种标签,又学习了CSS的相关知识。

HTML5的产生历史:

W3C组织:html1--->html2--->html3--->html4 --->html4.01--->XHTML(使用场景和HTML的区別不大,不过是使用的吋候更加的严谨)

经火狐、谷歌、IE、苹果、W3C 制定并统一HTML5

相比HTML4,HTML5的优点:

HTML5统一了规范标准.改善了浏览器之间的兼容性问题,发展完善了HTML4。

取消了一些过时的 HTML4的标签;

添加了一些新的元素

比如:更加智能的表单标签:date, email, url 等;

更加合理的标签:section, video, progress, nav, meter, time, aside, canvas等

文件类型声明(<!DOCTYPE>)仅有一型:<!DOCTYPE HTML>。

HTML5 中增强表单标签


SpannableString去掉下划线_css 下划线_02


SpannableString去掉下划线_css 下划线_03


结果:


SpannableString去掉下划线_css a标签去掉下划线_04


网页引入音频和视频最常用的格式是MP3和MP4。

HTML5 中的绘图标签 :


SpannableString去掉下划线_css 字体倾斜_05


<details>展示文章的细节 mark:着重突出的内容

刻度标签 :

<meter max="100" min="0" value="10" low="20"high="80"></meter>

进度条:

<progress max="100" value="40"></progress>

CSS (Cascading Style Sheets;层叠样式表)

入门:(CSS 的作用)

【1】HTML 虽然可以在一定程度上修饰页面,但是页面的整体还是不够美观。

【2】HTML 进行网页的书写重复的代码比较多,后期的维护性不好。

CSS 的引入的三种方式 :

【1】行内样式 键:值 :在标签的内部直接使用(不推荐使用)

【2】内嵌样式 :这个style标签写建议写到head里面,因为这个中的内容需要展现到用户面前的

【3】外部式(连接式)参数:rel:引入文件和当前文件的关系 href:引入文件的路径


SpannableString去掉下划线_a标签去除下划线css_06


CSS 中三种引入方式遵循的就近原则 :

不相同的样式会进行样式的叠加,相同的样式会采用就近的原则。样式跟随距离自己近的风格

CSS 中的常用选择器 :常用三种选择器:

标签/元素选择器;

id选择器 :id:(唯一性) id命名:数字、字母、下划线、中划线(-),不能用数字开头

class选择器;

优先级: id 选择器>class 选择器>标签/元素选择器 >通用选择器;权重 :100 10 1

通用选择器 :代表该页面中的所有的元素

其他选择器

后代选择器 只要包含该标签对象即可

子选择器 直系子标签


SpannableString去掉下划线_a标签去除下划线css_07


兄弟选择器 只会改变下面相邻的元素对象

兄弟选择器 后面所有的兄弟对象都会改变


SpannableString去掉下划线_css 字体倾斜_08


SpannableString去掉下划线_css a标签去掉下划线_09


伪类选择器 :


SpannableString去掉下划线_a标签去除下划线css_10


SpannableString去掉下划线_css a标签去掉下划线_11


SpannableString去掉下划线_css a标签去掉下划线_12


CSS 中常用样式总结:

字体:

字体的颜色:color: gray;

字体的大小:font-size: 12px;

字体的加粗:font-weight: bold;*/

字体的风格:font-family: 宋体;*/

字体倾斜:font-style: italic;*/

text

下划线展示:text-decoration: underline;

去除下划线:text-decoration: none;

文本居中:text-align: center;

行高:line-height: 40px;

背景

设置背景图片: background-image: url("");

设置背景图片不重复:background-repeat: no-repeat;

调整背景图片的位置 X Y:background-position: center;

调整背景图片的大小 宽 高 :background-size: 300px 500px;

背景颜色和透明度


SpannableString去掉下划线_css 下划线_13


行元素和块元素

行内元素:(多个标签位于同一行)

span font 小标签 img a 等

块元素:(标签可以自动换行的元素是块元素)

div h1-h6 ul p 等

其他样式

超出隐藏 hidden

overflow: hidden;

行内元素转块级元素 inline block none(隐藏)

display: block;


SpannableString去掉下划线_css 字体倾斜_14


SpannableString去掉下划线_css 下划线_15