CSS
芳草碧连天lc
成功永远都不会辜负每个努力的人
展开
-
CSS入门系列(一)概述&和html结合的方式
CSS入门系列(一)概述&和html结合的方式 自己在关注招聘信息的时候经常发现很多公司都要求要有前端的基础,不一定搞前端,但是前端的基础是要有的。所以,我就学习了一下前端的技术。 本文系列是在毕向东java视频的基础上总结的,自己也是边学习边总结,主要还是为自己能复习和回顾。如何能对大家也有帮助,那就更好了。另外提示,本系列的总结默认是已经知道了html的一些基础知识。目录CSS入门系列一原创 2016-11-05 20:00:17 · 619 阅读 · 0 评论 -
CSS入门系列(二)基本选择器&优先级
CSS入门系列(二)基本选择器&优先级目录CSS入门系列二基本选择器优先级目录选择器的基本概念优先级1. 选择器的基本概念就是指定css要作用的标签,标签的名称就是选择器。 选择器共有三种:html标签选择器,上一节介绍过;类选择器,使用标签中的class属性。<div class="haha">这是一个div选择器区域</div>在head中定义样式:div.haha{原创 2016-11-07 19:16:07 · 548 阅读 · 0 评论 -
CSS入门系列(三)关联选择器&组合选择器
CSS入门系列(三)关联选择器&组合选择器目录CSS入门系列三关联选择器组合选择器目录关联选择器组合选择器伪元素选择器1. 关联选择器定义是:选择器中的选择器。假设如下:<div>这个<b>一个</b>div</div><span>这个<b>一个</b>span</span>我们在head中定义b标签的样式:b{样式略;}定义完之后在div和span标签中,b的标签都会按照样式变化,如原创 2016-11-09 14:02:40 · 5874 阅读 · 0 评论 -
CSS入门系列(四)CSS样式的结合应用
CSS入门系列(四)CSS样式的结合应用这一节主要是将css作用到我们所学的html标签上,看看css的效果。目录CSS入门系列四CSS样式的结合应用目录无序项目列表表格的样式1. 无序项目列表我们先举一个无序项目列表的例子,看看css的效果。首先,我们先实现一个无序项目列表:<body> <ul> <li>这是一个无序项目列表</li> <li>这是一原创 2016-11-12 14:18:12 · 668 阅读 · 0 评论 -
CSS入门系列(五)CSS的盒子模型
CSS入门系列(五)CSS的盒子模型页面的布局之前在html中主要是表格形式布局,每个格子不同的内容,而现在流行的是div+css的布局方式,把页面分成不同的div,css去设置每个div的显示效果。而讲布局前,先介绍一个概念,盒子。目录CSS入门系列五CSS的盒子模型目录盒子边框 border内边距padding外边距margin1. 盒子我们把数据封装起来,一块一块的组成网页,而这个一原创 2016-11-12 21:34:17 · 640 阅读 · 0 评论 -
CSS入门系列(六)CSS的布局
CSS入门系列(六)CSS的布局上一节我们说完盒子,光有盒子是不行的,我们还需要布局,这一节开始我们来描述一下css的布局。目录CSS入门系列六CSS的布局目录漂浮float定位position1. 漂浮floatnone:默认不漂浮left:文本流向对象的右边,注意是右边,因为对象固定在了左边,所以文本只能在这个对象的右边。right:文本流向对象的左边,原理同上。 演示: 原图原创 2016-11-13 14:09:31 · 519 阅读 · 0 评论