角标标签:
上角标:sup
下角标:sub
角标x2 + y2 = z2
H2O
文本加粗:
b标签
strong加强版文本加粗,具有语气强调的特性
加粗标签夜雨染成天水碧。有些人不需要姿态,也能成就一场惊鸿。
夜雨染成天水碧。有些人不需要姿态,也能成就一场惊鸿。
夜雨染成天水碧。有些人不需要姿态,也能成就一场惊鸿。
斜体标签:
em
i
cite主要用于修饰书名
斜体标签夜雨染成天水碧。有些人不需要姿态,也能成就一场惊鸿。
夜雨染成天水碧。有些人不需要姿态,也能成就一场惊鸿。
《西游记》这个神话,从小就喜欢。
下划线标签:
u
删除线标签:
del
CSS引入方式优先级:
行内式最高,无行内式时,内嵌式和外链式遵循后定义原则(就近原则)
引入方式优先级div{
width: 100px;
height: 100px;
background-color: blueviolet;
}
这是一段文字
CSS元素溢出:
属性:overflow:hidden 隐藏超出div边框部分
visible 默认(显示超出边框部分)
scroll 滚动查看隐藏的文字
auto 调用scroll方式,滚动查看隐藏的文字
元素溢出div{
width: 200px;
height: 300px;
border: 1px solid cadetblue;
/*overflow: hidden;隐藏超出边框的文字*/
/*overflow: visible;默认*/
/*overflow: scroll;滚动显示文字*/
overflow: auto;/*默认使用scroll方式*/
}
秋意尚浓,恍然就到了初冬,月亮也带着秋温,走进了冬的夜空。
天黑得早了,晚饭后摸黑回宿舍,过了山头,豁然见西南山坡上空这轮橙黄明净的初冬月,低垂圆满,硕大清新,一种美好亲切的感觉顿从心底漾起。夜幕中,黑森森的山峰错落而列,视野尽处,一岭横天际接晚霞;渐暗的余霞边,山的剪影如淡淡的水墨画,近山的轮廓则像浓墨涂出的一样;山坡西南出口方向,山势迅速开阔,峰峦连绵起伏,像一片黑色的波涛,磅礴在融融的月光下;月下的山坡和附近的山川上空月光旖旎,给人今月专为此处明的美感。这月光山色太美了!望着明月,似乎忘却了自身的存在,只剩下一缕美好的情感,羽化在这月色之中。
文本输出顺序标签:
bdo
dir属性:rtl倒序
ltr正序
文本输出顺序bdohelloworld
CSS文本样式:
font-family字体
font-size字体大小
font-style修改字体风格 italic斜体
line-height行高
font-weight:bold设置加粗
上述也可简写:
font:italic bold 18px/40px ''楷体‘’;
text-decoration取出a标签默认下划线
a标签中title属性说明:
鼠标放在链接上可以提示指定信息
选择器:
①标签选择器:
影响范围较大,一般用来做一些通用的设置
②id选择器:
通过id找到元素,一个id只能作用在一个元素上,id值不能相同,使用方式:#id值{}
③类选择器:
通过类名找到标签元素,一个类名可以应用多个标签,一个标签可以使用多个类名(空格分隔多个类名),使用方式:.类名
④层级选择器(后代选择器):
主要应用在嵌套标签中
类似#id_1 p span{}
⑤伪类选择器:
鼠标移动到元素标签,会发生设定的改变效果(用于a标签)
a:hover{
}
选择器/*标签选择器*/
div{
width: 200px;
height: 200px;
background-color: #FF0000;
}
/*id选择器*/
#m_id{
width: 100px;
height: 100px;
background-color: green;
}
/*类选择器*/
.math{
width: 100px;
height: 100px;
color: #008000;
}
.kj{
width: 300px;
height: 300px;
background-color: aquamarine;
}
.bj{
margin: auto;
}
/*层级选择器*/
#m_id p span{
font-family: "微软雅黑";
font-size: 20px;
font-style: italic;
}
/*伪类选择器*/
a:hover{
background-color: darkturquoise;
color: red;
font-style: italic;
font-size: 30px;
text-decoration: none;
}
我想静一静
晚饭后摸黑回宿舍,过了山头,豁然见西南山坡上空这轮橙黄明净的初冬月晚饭后摸黑回宿舍
豁然见西南山坡上空这轮橙黄明净的初冬月晚饭后摸黑回宿舍
选择器优先级:
行内式>id选择器>类选择器>标签选择器