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;}
阅读全文
0 0
- CSS
- css
- css
- css
- css
- CSS
- CSS
- css
- css
- CSS
- css
- css
- CSS
- css
- CSS
- css
- CSS
- css
- BLAT 安装
- 数据仓库与数据集市建模
- vsftp上传文件出现553 Could not create file
- 文章标题
- codevs 3027 线段覆盖 2 (简单dp)
- css
- Cocos2d-x键盘按键
- php中POST和GET的微妙差别
- Android学习路线指南
- pandas.Series函数用法
- 微信小程序开发一swiper轮播图的简单实现
- 有刷直流电机H桥功率驱动电路的设计心得
- SQL Server 全文索引的硬伤
- android面试题-Service中弹出Dialog