CSS
豪莲
你不能解决问题,你就会成为问题
展开
-
CSS验证网站
十二、Web标准与验证(CSS验证) 网址:http://jigsaw.w3.org/css-validator/原创 2016-10-25 15:24:52 · 310 阅读 · 0 评论 -
CSS基础学习10-CSS设置元素的定位
十、CSS设置元素的定位 css定位可以将一个元素精确的放在页面上你所指定的地方。联合使用定位和float(浮动),可以创建多种高级而精确的布局。 1.绝对定位: 一个采用绝对定位的元素不获得任何空间。这就意味着:该元素在被定位后不会留下空位。 value:position:absolute; 然后可以通过属性left、right、top、bottom来设定盒子放在哪原创 2016-10-25 15:00:53 · 333 阅读 · 0 评论 -
CSS基础学习9-CSS设置浮动元素(float)
九、CSS设置浮动元素(float) 通过float属性令元素向左或向右浮动。也就是说,令盒子及其内容浮动到文档(或者是上层盒子)的左边或者右边。 value:left、right、none。 html文件如下: <html> <head> <title>Color例子</title> <原创 2016-10-25 14:29:10 · 607 阅读 · 0 评论 -
CSS基础学习8-CSS设置盒装模式
八、CSS设置盒装模型 CSS中的盒装模型(box model)用于描述一个为html元素形成的矩形盒子。 涉及为各个元素调成外边距(margin)、内边距(padding)、边框(border)和内容的具体操作。 1.外边距和内边距:(margin、padding) value:top、bottom、left、right。 外边距(margi原创 2016-10-24 10:58:09 · 226 阅读 · 0 评论 -
CSS基础学习7-CSS设置组织元素(span和div)
七、CSS设置组织元素(span和div) span和div元素用于组织和结构化文档,并经常联合class和id属性一起使用。 span使用局限在一个块元素内。 1.用span组织元素: span元素是一种中性元素,因为他不对文档本身添加任何东西。但是与CSS结合使用的话,span可以对文档中的不分文本添加视觉效果。 html文件如下: <原创 2016-10-20 11:54:06 · 450 阅读 · 0 评论 -
CSS基础学习6-CSS设置元素的分类与标识(class和id)
六、CSS设置元素的分类与标识(class和id) 1.用class对元素进行分类: value: .classname html文件如下 : <html> <head> <title>Color例子</title> <link rel="stylesheet"原创 2016-10-20 11:14:09 · 581 阅读 · 0 评论 -
CSS基础学习5-CSS设置链接
五、CSS设置链接 通过伪类(pseudo-class)来控制链接是未访问、已访问、活动的、是否有鼠标悬停等不同的属性; 之前的修改颜色,字体,添加下划线都可以用到链接上。 在HTML中链接是通过a元素来定义的,因此CSS中,我们可以将a作为一个选择器(selector): value:a:link[未访问过的]、a:visited[已访问过的]、a:activite原创 2016-10-20 10:09:09 · 423 阅读 · 0 评论 -
CSS基础学习4-CSS设置文本
四、CSS设置文本*****************************************1.text-indent 2.text-align 3.text-decoration 4.letter-spacing 5.text-transform *****************************************1.text-indent原创 2016-10-19 15:28:49 · 376 阅读 · 0 评论 -
CSS基础学习3-CSS设置字体
三、CSS设置字体 ***************************************** 1.font-family 2.font-style 3.font-variant 4.font-weight 5.font-size 6.font *********************原创 2016-10-19 11:33:57 · 402 阅读 · 0 评论 -
CSS基础学习2-CSS设置颜色与背景
二、CSS设置颜色与背景*****************************************1.color2.background-color3.background-image4.background-repeat5.background-attachment6.background-position7.background*********************原创 2016-10-18 16:00:42 · 290 阅读 · 0 评论 -
CSS基础学习1-HTML应用CSS的三种方法
一、HTML应用CSS的三种方法:(CSS模型:selector {property : value;}) 1.行内样式表(style属性) 列子1 这个页面是红色的 2.内部样式表(style元素) <html> <h原创 2016-10-18 11:40:29 · 270 阅读 · 0 评论 -
CSS基础学生11-CSS用z-index进行层次堆叠
十一、CSS用z-index进行层次堆叠 CSS可以处理高度、宽度、深度三个维度。 value:z-index:数字[数字较大的元素将叠加在数字较小的元素之上] html文件如下: <html> <head> <title>Color例子</title> <link rel="stylesheet"原创 2016-10-25 15:20:03 · 275 阅读 · 0 评论