商业类网站,网站建设开票税率,免费生成短链接,建设网站通过什么赚钱尺寸样式属性
height:元素高度height的值#xff1a;auto 自动length 使用px定义高度% 基于包含它的块级对象的百分比高度
width#xff1a;元素的宽度width的值与height一样span标签可以设置宽度、高度吗#xff1f; 答#xff1a;不可以#xff0c;因为span标签是一个行…尺寸样式属性
height:元素高度height的值auto 自动length 使用px定义高度% 基于包含它的块级对象的百分比高度
width元素的宽度width的值与height一样span标签可以设置宽度、高度吗 答不可以因为span标签是一个行内元素它不可以设置宽度和高度的。只有块级元素才可以设置宽度和高度
实例1设置盒子大小背景颜色等尺寸样式属性
!DOCTYPE html
html
headmeta charsetutf-8title尺寸样式属性/titlestyle typetext/css.box{width: 100px;height: 100px;background-color: #f00;}span{width: 100px;height: 100px;background-color: #f00;}/style
/head
bodydiv classbox/divspanabcd/span
/body
/html文本与字体属性
文本属性
color文本设置颜色对应的值:color: #f00color: rgb(255,255,0)
text-align:设置文本的水平对齐方式对应的值:left 居左right 居右center 居中
text-decoration:设置文本修饰线对应的值:none 去掉文本修饰线underline 下划线overline 上划线line-through 删除线
text-transform:大小写转换或者首字母大写对应的值capitalize 首字母大写uppercase 字母大写lowercase 字母小写
line-height:设置行高见图2对应的值固定值百分比
text-indent:设置首行缩进允许负值对应的值pxem 1em 1个汉字的位置
letter-spacing:设置字符间距对应的值px
word-spacing:设置单词间距对应的值px!DOCTYPE html
html
headmeta charsetutf-8title文本属性/titlestyle typetext/css.cxq{/*color: #f00;*/color: rgb(255,0,0); /* 十进制表示颜色的方式在CSS中没有浏览器兼容性的问题*/text-decoration: underline; /*下划线*/}.wms{text-decoration: line-through;}h2{text-align: center;text-decoration: overline; /* 上划线 */}.cap{text-transform: capitalize; /*首字母大写*/}.low{text-transform: lowercase; /*字母小写*/letter-spacing: 20px; /*字母间距*/}.up{text-transform: uppercase; /*字母大写*/word-spacing: 20px; /*单词间距*/}p{text-indent: 2em; /* 1em 1个汉字的位置 *//*text-indent: -2em; */}.lh{height: 40px;line-height: 40px; /*行高用来设置文本的垂直方向居中对齐*/border: 1px solid #f00; /*设置边框 1px 实线 红色*/}/style
/head
bodyh2红楼梦/h2p《红楼梦》中国古代章回体长篇小说中国古典四大名著之首。其通行本共120回一般认为前80回是清代作家span classcxq曹雪芹/span所著后40回作者为span classwms无名氏/span由高鹗、程伟元整理。小说以贾、史、王、薛四大家族的兴衰为背景以大荒山青埂峰下顽石幻化的通灵宝玉为视角以贾宝玉与林黛玉、薛宝钗的爱情婚姻悲剧为主线描绘了一些闺阁佳人的人生百态展现了真正的人性美和悲剧美是一部从各个角度展现中国清代社会百态的史诗性著作。/pdiv classcapcascading style sheet/divdiv classlowHTML CSS JS/divdiv classuphello catherine/divdiv classlh只是把他当作弟弟来爱护/div
/body
/html字体属性
font-style:设置文本为斜体对应的值normal 正常italic 斜体
font-weight:设置文字粗细对象的值normal 正常bold 加粗
font-size:给文本设置大小对象的值12px
font-family:设置字体对应的值微软雅黑、宋体、楷体
font:简写属性能够同时给文本设置斜体加粗大小字体每个值之间需要使用空格并且一定有顺序比如font:italic bold 36px 楷体;关于字体一般很特殊的字体网站上面都是使用图片来表示的是否能够显示此字体是根据用户电脑里面是否有对应字体的文件如果没有该文件就会显示为宋体。
!DOCTYPE html
html
headmeta charsetutf-8title字体属性/titlestyle typetext/css.cxq{font-style: italic; /*斜体*/font-weight: bold; /*加粗*/font-size: 36px; /*设置文本大小*/}i{ /*将斜体设置为正常*/font-style: normal; }b{/*将加粗效果恢复正常*/font-weight: normal;font-family: 楷体,宋体,微软雅黑;}.qing{/*font-style: italic;font-weight: bold;font-family: 楷体;font-size: 36px;*/font:italic bold 36px 楷体;}/style
/head
bodyh2红楼梦/h2p《红楼梦》中国古代章回体长篇小说中国古典四大名著之首。其通行本共i120回/i一般认为前80回是清代作家span classcxq曹雪芹/span所著后40回作者为无名氏由高鹗、程伟元整理。小说以贾、史、王、薛四大家族的兴衰为背景以大荒山青埂峰下顽石幻化的通灵宝玉为视角以贾宝玉与b林黛玉/b、薛宝钗的爱情婚姻悲剧为主线描绘了一些闺阁佳人的人生百态展现了真正的人性美和悲剧美是一部从各个角度展现span classqing中国清代/span社会百态的史诗性著作。/p
/body
/html综合案例
!DOCTYPE html
html
headmeta charsetutf-8title文本字体属性综合案例/titlestyle typetext/cssh1{color: #f00;font-family: 宋体;font-size: 50px;}.abstract{font-size: 12px;font-family: 楷体;color: #4444;}.cg{font-size: 36px;color: rgb(0,255,0);}.dc{font-style: italic;font-size: 36px;color: #faa;}.p{color: #0ff;}.p2{font-weight: bold;font-family: 黑体;}/style
/head
bodyh1A股如何找到支撑位与压力位/h1p classabstract摘要作者炒股12年以股市为生推崇箱体突破技术分析方法。市场多数时间震荡高抛低吸策略重要。箱体战法可判断区间内多空力量打破支撑位或阻力位将开启新区间运行。作者分享短线跟庄战法和K线技术讲解专栏。/pp classpspan classcg炒股/span12年span classdc从当初10万入市至今以股市为生/span这期间我尝试过90%的技术分析方法但要说实用非箱体突破莫属。如果你能领悟到箱体突破的精髓要点即使是小账户也能做大。/pp classp2市场多数时间处于震荡市这是熟悉市场的人清楚的事实。在这种市场环境下高抛低吸的策略显得尤为重要。如果我们能找出震荡区间的支撑位与压力位那么效果就会事半功倍。当走出突破行情原来的支撑位就可能变成阻力位或者阻力位变成支撑位新的趋势就此形成。通过箱体战法我们可以轻松找出支撑位置与阻力位置从而判断出区间内多空力量的强弱。/pp具体来说在市场经过长期运行后会在某个区间内形成一种规律。连接两次受阻回落的高点并以第三次高点进行验证这个位置就是上方的阻力位同理连接两次支撑企稳的低点并以第三次低点进行验证这个位置就是下方的支撑位。当打破了当前的支撑位或阻力位它就会开始新的区间运行。/pp箱体运作的形式多种多样为了方便大家更好的理解我把它们整理成了图片的形式。有帮助的朋友感谢点赞和转发我是股市太守关注我未来还会持续分享不一样的股市干货。/p
/body
/html
