css

来源:互联网 发布:网络延时英文 编辑:程序博客网 时间:2024/06/05 11:40
1.meta:<meta name=“” content=“”>    name:页面描述  name=“keywords”content=“关键字内容”  charset:字符集  content:(SEO)搜索,引擎,优化2.<link href"图标URL" rel="shortcut icon">:网址前面的图标。3.空白折叠 ul{    font-size:0;  /去空格、空白折叠。 }  li{ .......//设置 }3.2.标签严格闭合4.嵌套问题 <p>标签里面不能嵌套<h.>/(h5之前的版本,行级标签里面不能嵌套块级标签。);5.颜色样式:颜色可以组合,例如:greenyellow。 red../#fff../rgb(255,0,0)../rgba(255,0,0,0.5)6.chrome浏览器默认字体16px,支持最小12px。  font-size:100%;百分比是根据父元素或自身,默认16px;  font-family:"微软雅黑";  font-weight:数值/border/..;  font-style:字体样式;6.2.文本样式:  text-decoration:  text-indont//首行缩进  text-align:left/right/center;  line-height:16px;//行高,行高百分比是根据父元素或自身决定。 1em=父元素的 px值。 1rem=所有设置的px的和。 text-decoration:line-through/overline/7.背景样式  background-color:red;  background-image:url("/rl...");  background-repeat:repeat-x/repeat-y/no-repeat;  background-position:x y;//center,botton,left../正数值px/数值% //在父元素内  ==background:red,url(),no-repeat 50% 50%8.列表  有序:<ol></ol>    list-style-type:square/..列表前面样式。  无序:<ul></ul>    list-style-position:inside;//可以选中样式图标。    list-style-image;url("url..");//自定义列表图标样式    ==list-style:inside surare url("url..")9.边框  border-style:double/solid;  border-width:  bordr-top-width:  border-color:(两个值)上下 左右//(三个值)上 左右 下// (四个值)上 右 下 左。  ==border:red blue solid 1px;9,边框扩展  三角形效果: div{width:0px;  height:0px;  border-top-width:100px;  border-bottom-width:100px;  border-left-width:100px;  border-right-width:100px;  border-style:solid;  border-color:red;  border-bottom-color:blue;  border-top-color:red;  border-left-color:green;  border-right-color:yellow; }* 自定义字体(描点)*伪元素*定位,父元素上 相对定位,子元素 绝对定位{ //居中    top:0px;    bottom:0px;    margin:auto;}
原创粉丝点击