zoukankan      html  css  js  c++  java
  • HTML+CSS学习记录2

    这次从CSS样式的优先级继续记录。如果将样式的优先级用数字来表示的话那就是:内联样式:1000,id选择器:100,class选择器和伪类选择器:10,元素选择器:1,通配选择器:0。比通配选择器还低的就是继承的样式。继承的样式没有优先级。如果选择器的优先级一样,则使用靠后的样式。(靠后是指在style模块中靠后的)。并集选择器的优先级单独计算。当给一个样式添加了(!important)的时候,此时该样式将会获得最高的优先级。

    伪类的顺序:a的伪类以供有4个 link visited hover  active (写的时候也要按照顺序来)

    文本标签 em  strong em表示一段内容的着重点,主要表示语气上的强调,默认为斜体。strong表示一个内容的重要性,强调一个内容,比em更强烈,默认为粗体。 i标签是斜体  b标签是加粗。h5规范中,对于不需要着重的内容而只是单纯的加粗或斜体,就可以使用i和b。  small 表示小的字体,比如合同中的小字、网站版权的声明等。网页中所有加书名号的内容都可以使用cite。如书名、歌名、话剧等。  q表示一个短的引用。会给引用内容加一个引号。 blockquote表示一个长的引用。blockquote会独占一行。  使用sup标签可以设置一个上标。使用sub标签设置下标。ins表示插入的内容,会在加入的内容加一个下划线。  del表示删除的内容会在删除的内容上加一根横线。pre可以用来表示代码文字,且保留格式。code用来表示代码,但是不会保留格式。一般是结合pre和code来使用,既可以保留格式,也能用来表示其内容是一段代码。

    列表分为:有序列表、无序列表、定义列表

    无序列表:使用ul来创建一个无序列表,li就是ul的列表项。可以使用type属性改变li前面的圆点。但是li的项目符号一般用css来编写和修改,以防不同浏览器显示不一样。ul li都是块元素。

    有序列表ol:

    定义列表:dl定义列表可以对一些词汇或内容进行定义   dl有两个标签 dt和dd    dd是用来对dt来进行定义的

    有序列表和无序列表以及定义列表 可以嵌套使用

    单位:px像素   像素是网页使用的最多的一个单位,一个像素其实就是屏幕中的一个小点,我们的屏幕实际上就是 由这些像素点构成的。不同的显示器,一个像素的大小也是不同的。显示效果越清晰,像素越小 

    百分比设置大小  是指其在父元素中的百分比大小,好处是当父元素改变时,会自适应,不需要再去手动修改子元素的大小 

    em和百分比类似,他是相当于当前元素的字体大小进行设置的。当字体大小发生改变时,em的也会随之改变,可用来设置首行缩进 (text-ident:2em)

    颜色单位 :rgb值 也可以用颜色的单词来表示字体的颜色,但是单词毕竟有限,可以使用取色器的工具获取颜色的rgb值,rgb值可以为数字,也可以是百分比值

    浏览器中字体的大小默认为16px    font-size实际上设置的不是字体的大小,其设置的是格的高度,一般文字都比格小,有时也会比格大,不同的字体显示效果也不同 font-family 设置字体。当采用某种字体时,只有该浏览器支持此字体,才会发生变化,而不支持的话就会依然是默认字体。font-family可以设置多个字体。字体之间用逗号分开。

    字体分类:serif (衬线字体)  sans-serif(非衬线字体) monospace(等宽字体) cursive(草书字体) fantasy(虚幻字体)。在设置字体是,可以将字体设置为大的分类字体,浏览器会自动选择出一种设置的大分类的字体进行分配

    font-weight可以设置字体的粗细,也可以用数字来表示,数字的范围100-900,但其实一般来说字体只有normal和blod两种。如果单独设置字体的各个样式麻烦,可以使用font将字体的各个样式都可以进行设置

    行间距:在CSS中没有直接设置行间距的属性,但是可以通过设置行高来间接设置行间距 line-height   行间距=行高-字体大小    line-height可以直接接受一个大小,也可以指定一个百分数,浏览器回去计算,可以接受一个数值,则行高会设置字体大小的相应的倍数 

    对于单行文本来说,可以将行高设置为和父元素的高度一致,这样文本就可以在父元素中居中     在字体后面也可以加(/行高 )来指定行高   行高必须设置在设置字体大小的后面

    text-transform:属性   用来设置文本(一般都是英文喂文本,设置大小写、首字母大小写等)none、capitalize(首字母大写)uppercase 、lowercase

    text-decoration:属性  用来设置文本的装饰  none、  underline (下划线) 、overline(上划线)、line-through(文本中穿过一条线(删除线))

    超链接a默认有一条下划线,因为其text-decoration的属性默认为underline

    letter-spacing 字符间间距 word-spacing  单词间间距

    text-align设置文本的对齐方式 默认为左对齐方式  left right center justify两端对齐

    text-ident:首行缩进 此属性值为正值或负值时,表示向左向右移

  • 相关阅读:
    PTA乙级 (1058 选择题 (20分))
    PTA乙级 (1059 C语言竞赛 (20分)(map.find()、vector中的find))
    Ubuntu18.04之vim安装及配置
    PTA乙级 (1060 爱丁顿数 (25分))
    C++实现求N个数的最大公约数和最小公倍数
    PTA乙级 (1062 最简分数 (20分))
    PTA乙级 (1065 单身狗 (25分)(map,set.find(),vector))
    PTA乙级 (1067 试密码 (20分))
    ionic build android--> Build failed with an exception. Execution failed for task ':processDebugResources'.
    Http-Only Cookie
  • 原文地址:https://www.cnblogs.com/fanlin92/p/9426174.html
Copyright © 2011-2022 走看看