摘要: 有三种列表:无序列表:ul--li 有序列表:ol-li 定义列表:dl dt dd 选择标记 list-style-type: disc(圆点) circle(圆圈) square(方块) upper-alpha(大写字母) lower-alpha(小写字母) decimal(数字) upper- 阅读全文
posted @ 2018-03-16 17:21 LittleGirl_MyBaby 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 渐进增强 什么是渐进增强:较弱的浏览器和较强的浏览器功能和行为不一样要一样,但是一定要保证页面内容是可以访问的,渐进增强的理念就是为现代浏览器使用更丰富的样式。 为不支持某些属性的浏览器使用polyfill(垫片) polyfill为较弱的浏览器提供一定程序的对html5和css3 api 的支持 阅读全文
posted @ 2018-03-16 16:39 LittleGirl_MyBaby 阅读(210) 评论(0) 推荐(0) 编辑
摘要: @font-face{ font-family:"" ; src:url(); src:url(); font-weight: font-style: } @font-face 的作用是告知浏览器,添加了web字体,从而可以为元素设置字体。 为web字体设置斜体样式 font-style:itali 阅读全文
posted @ 2018-03-16 15:40 LittleGirl_MyBaby 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 创建可伸缩的图像 img标签省略设置width和height , 在样式表中设置max-width:100% , 创建弹性布局网格 创建弹性布局的关键是使用百分数来设置width,而不要指定固定的宽度值 媒体查询 定义的方式:1)<link rel=''' href="" media=""> 2) 阅读全文
posted @ 2018-03-16 15:30 LittleGirl_MyBaby 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 在旧版浏览器中为HTML5元素添加样式 IE9以下的IE浏览器会忽略它们不原生支持的元素的css。解决方法是使用htm5-shiv的javascript文件,可以从github上下载,加载到本地。 在head元素内,link后面添加以下代码: css盒状模型 盒状模型是指,盒子是有元素内容、padd 阅读全文
posted @ 2018-03-16 15:14 LittleGirl_MyBaby 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 字体样式 font-family //字体 font-size //字体大小 font-style //字体样式,可以创建斜体 font-weight //=bold,可以创建粗体样式,取消粗体:font-weight:normal 简写法:font: 设置行高 line-height 设置颜色 c 阅读全文
posted @ 2018-03-16 13:02 LittleGirl_MyBaby 阅读(438) 评论(0) 推荐(0) 编辑
摘要: 上下文选择器 div p { } //表示所有div 下 的 p 元素 类名选择器 ID选择器 直接子元素选择器 div > p 相邻同袍元素 div p+p 普通同袍元素 div p~p 伪类:选择第一个元素 和 最后一个元素 :first-child :last-child 选择元素的第一个字母 阅读全文
posted @ 2018-03-16 12:26 LittleGirl_MyBaby 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 链接有两个主要的部分:目标和标签。 <a href="" rel=""></a> href : 可以指向同网站的页面,也可以指向另一个网站的页面(请使用绝对url) rel:表示页面与目标页面的关系 创建锚并链接到锚:href="....#id值",可以是本页面的,也可以是其他网站中的页面 打开电子 阅读全文
posted @ 2018-03-16 11:41 LittleGirl_MyBaby 阅读(106) 评论(0) 推荐(0) 编辑