美文网首页
HTML总结

HTML总结

作者: 设置密码 | 来源:发表于2018-09-10 08:35 被阅读13次

css字体样式

        字体大小:font-size

          网页默认大小为16px

          正常网页支持大小为16px

          px 像素,像素是一个相对单位,相对于分辨率

          字体大小,绝大数是以高为准。

        字体类型:默认为微软雅黑

                        常见的字体,宋体,微软雅黑

                      1. 常见用法 font-family: 字体1,字体2 

                        2.  如果字体名字是多个单词组成,加引号。

          字体加粗:font-weight:  (bold 加粗)

                看情况:字体有无  -> (lighter 细体)(bolder 更粗)

            字体倾斜:font-style:italic;

                                              normal18:05 2018/9/5 星期三

              字体颜色:

                          color:

                                  1、单词

                                  2、16进制表示法 0-9A-F

                                          #00  00  00

                                            r      g    b

                                  3.      如果三组都是成对相同,可以省略一位

                                  4、css3出现了 rgba(255,25,25,0-1)a为透明度

css文本样式

                  文本对齐    text-align:center  居中。

                                                      left 默认

                                                      right

        justify  两端对齐

                  文本行高    line-height    写单位

                                      文本的的垂直水平居中

                                                    text-align:center

                                                    line-height:外层文本高度 垂直

                  文本缩进:

                                text-indent: 一个字体大小

                                em  相对单位

                                        1 em=1*一个字体的大小,如果自己没有字体大小,会继承父级的字体大小

                                关于logo

                                            写css样式缩进-9999 让文字飞出去        当所有的css  js 加载不出来时

                    下划线:

                              text-decoration:underline;

                    上划线:

                              text-decoration:overline;

                    中划线:

                            text-decoration:line-thoungt

                      不要线:

                              text-decoraton:none

css背景样式

                      background

                                      background-color:背景色

                                      background-image:url( 地址)

                                      background-repeat:no-repeat;平铺

                                                                      repeat-x;

                                                                      repeat-y;

                                      background-position:x轴  y轴

                                                                      1、  left center right top bottom

                                                                        2、px

                                                                        3、%  相对单位  相对父级

                                                                          50%  50%居中

                                          background-size:100px  100px

                                                                  图片  宽    高

                                                                          contain  优先占满宽度

                                                                          cover    优先沾满高度

                                          关于简写 :backgrond url()重复  定位 

                  【雪碧轴的使用方法】用绝对定位 background-position 用ps量它的位置!!

css边框

                        border: border-witgh 边框大小

                                        border-color 边框颜色  transparent    透明色

                                      border- style 边框样式

圆角

                    border-radiuo:50%                                               

盒子模型

                      盒子的大小=内容大小(宽高)+边框+padding

                        margin  外边距

                        padding  内边距  填充

                    块级标签和行内标签居中:margin: 0 auto

                  行内标签水平居中  text-align:center

                      行内元素竖直居中:display:table-cell  注:将一个行内元素转化为表格元素

                                                  vertical-align:middle

                        图片文本的对齐:

相关文章

  • H5标签回顾与整理(总结)

    HTML总结

  • HTML总结

    css字体样式 字体大小:font-size 网页默认大小为16px 正常网页支持大...

  • HTML总结

    一两个月的时间,转眼即逝,我的html阶段也走了这么长时间。 html见证我由学妹变成学姐,可怕! html相对于...

  • html总结

    html是什么:超文本标记语言 html的唯一作用就是:给指定的文本添加语义。 html的标准格式:

  • HTML总结

    HTML的基本结构 一些常用的标签及属性 文本内容 p标签表示段落: This is a paragragh h1...

  • HTML总结

    1.doctype的意义? 1)让浏览器以标准模式渲染;(css盒模型有标准和IE模式,造成不兼容)2)让浏览器知...

  • HTML总结

  • html总结

    html,xhtml,xml之间的区别? html和xml都是标记语言:html是超文本标记语言;xml是可扩展置...

  • HTML总结

    本文是本人在边看菜鸟教程过程中边总结而得,如有雷同,纯属巧合我复制的,不过也算是我的笔记了吧 超文本标记语言 (英...

  • html总结

    1)Html样式 2)HTML 文本格式化 3)Html段落 4)HTML 链接 5)target属性 6)div...

网友评论

      本文标题:HTML总结

      本文链接:https://www.haomeiwen.com/subject/tnpjgftx.html