网站开发国内现状,北住房和城乡建设厅网站,阿里云备案 网站名称,怎样申请自己的网站css3-2 CSS3选择器和文本字体样式 一、总结 一句话总结#xff1a;是要记下来的#xff0c;记下来可以省很多事。 1、css的基本选择器中的:first-letter和:first-line是什么意思#xff1f; :first-letter选择第一个单词#xff0c;:first-line选择第一行 2、css的伪类选… css3-2 CSS3选择器和文本字体样式 一、总结 一句话总结是要记下来的记下来可以省很多事。 1、css的基本选择器中的:first-letter和:first-line是什么意思 :first-letter选择第一个单词:first-line选择第一行 2、css的伪类选择器有哪三种分别是什么意思 伪类选择器::hover:focus::selection 所选的东西比如文字 3、css字体设置4剑客是哪四个 1.font-family 字体类型2.font-size 字体大小3.font-style 字体样式4.font-weight 字体粗细 4、css中文本块设置必加的两个属性是什么 overflow设置超出部分滚动条wordbreak设置横向wordbreak 15 overflow:auto; 16 word-break:break-all; 5、css的伪类选择器中的p::selection是什么意思 所选文字 11 p::selection{
12 background: #f00; 13 } 二、CSS3选择器和文本字体样式 1、相关知识 css选择器:• 常用选择器• 基本选择器• 层级选择器• 伪类选择器• 属性选择器常用选择器:1.标签2.id3.类4.关联5.组合基本选择器:• :first-child• :first-letter• :first-line• :last-child• :nth-child(2)层级选择器:• a b• ab• ab伪类选择器::hover:focus::selection属性选择器:• [id]• [iduse1]• [name*us]• [name^en]• [name$en]常见的样式属性和值:1.字体与颜色2.背景属性3.文本属性4.边框属性5.鼠标光标属性6.列表样式7.定位属性8.内外边距9.浮动和清除浮动10.滚动条11.显示和隐藏字体:1.font-family 字体类型2.font-size 字体大小3.font-style 字体样式4.font-weight 字体粗细文本:1.letter-spacing 字间距2.word-spacing 词间距3.text-decoration 下划线4.text-align 对齐5.text-indent 缩进6.line-height 行高7.color 颜色8.word-break 折行 2、代码 word-break文字折行 1 !doctype html2 html langen3 head4 meta charsetUTF-85 titleindex/title6 style7 *{8 font-family:微软雅黑;9 }
10
11 div{
12 width:500px;
13 height:100px;
14 border:2px solid #f00;
15 overflow:auto;
16 word-break:break-all;
17 }
18 /style
19 /head
20 body
21 div
22 paaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/p
23 /div
24 /body
25 /html selection伪类选择器 1 !doctype html2 html langen3 head4 meta charsetUTF-85 titleindex/title6 style7 *{8 font-family: 微软雅黑;9 }
10
11 p::selection{
12 background: #f00;
13 }
14 /style
15 /head
16 body
17 h2linux技术/h2
18 plinux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!/p /body
19 /html 转载于:https://www.cnblogs.com/Renyi-Fan/p/9208734.html
