文本使用

154 阅读2分钟
h1{ color: red; } 【h1】代表选择器【color】代表属性 【颜色】是属性值 【color red】中间写的部分叫做声明样式 

font-size【字体大小】 h1、p【标签选择器,会给一类标签加上同样的样式】 

.a{} class=“a”【类选择器,可以给任意想给的元素添加同一个样式、常用选择器】

 #b{} id={b}【ID选择器,id代表唯一,只能写一个】

 background-colro【设置背景色】 

div【表示一块区域,理解为一个盒子 是块元素】 

 link rel="stylesheet"href="./外部.css"【外部样式】标签后接style【内联样式】title下面输入style【内部样式】 stylesheet【样式表的意思】 行内样式优先>内部样式>外部样式 【优先级受到顺序的影响,,写样式的顺序要保持 先外部,在内部,最后内联】

 ID选择器> 类选择器> 标签选择器【而且不受顺序影响】

 !imporatant【加谁后面就用什么格式】

 font-size: 50px;【设置字体大小】

 @import url【导入式】 

 font-family:‘’;【改变字体类型】

 font-style:italic;【改变字体风格】

italic【(斜体)】

 font-weight: bold;(加粗)lighter;(变细)【改变字体的粗细】 

 动态属性从检查中对比 font是一个复合属性 font:italic bold 50px '隶书';(顺序:风格、粗细、大小、类型)(风格和粗细可以互换,其他的不可以)

 list-style:none【去除文本前的小黑点】

 text-align:center【文本居中】

 text-align:right【靠右】 left【靠左】

 text-indent:50px【首行文本缩进】

 height和line height值相同【行高的作用在于,行高的大小和高度一直,就可以实现垂直居中】

 text-decoration:none【去除下划线】

 text-decoration:overline【在文字的上方划线】

 text-decoration:underline【默认的下划线】 

text-decoration:line-through【一般用于任务列表】

 a:hover【鼠标移动上去显示颜色】3

 按照顺序写 a:link【link没有访问时候的样式】1 

如果想要link生效,href里面的网址需要没有被访问中,不存在于历史记录 a:visited【访问后的样子】2 

 如果想要visited生效,href里面的网址需要被访问过,存在于历史记录中 a:active【鼠标点击时候的样子】4 

shift+ctrl+delete【清除历史记录】

 https【表示链接加密的意思】

 curso:default【默认光标】

 pointer【超链接的指针】

 wait【等待的效果】

 help【指示可用的帮助】

 text【指示文本】

 crosshair【鼠标呈现十字状,一般选择区域使用较多】 style="text-shadow: tomato 5px 5px 5px

【text-shadow文字阴影 x轴 y轴 模糊的半径】

 div可以进行网页布局,排版网页内容