![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS学习
MissDistin
希望能找到一个或者一件让我安心下来人或事,不求一刻,只求一生!
展开
-
CSS之轮廓
1、轮廓主要是用来突出元素的作用 outline 设置轮廓属性 outline-color 设置轮廓颜色 outline-style 设置轮廓的样式 outline-width 设置轮廓的宽度翻译 2016-03-27 12:19:36 · 260 阅读 · 0 评论 -
CSS元素的定位
1、CSS定位机制: 普通流:元素按照其在HTML中的位置顺序决定排布的过程 浮动原创 2016-03-23 12:59:45 · 358 阅读 · 0 评论 -
CSS浮动
1、浮动: float属性可用的值: left:元素向左浮动 right:元素向右浮动 none:元素不浮动 inherit:从父级继承浮动的属性 2、clear属性: 去掉浮动属性(包括继承来的属性) clear属性值: left、right“去掉元素向左、向右浮动 both:左右两侧均去掉浮动 inherit:从父级继承来clear的值原创 2016-03-23 22:03:42 · 261 阅读 · 0 评论 -
CSS盒子经典模型
待续...转载 2016-03-23 22:34:37 · 379 阅读 · 0 评论 -
CSS盒子模型之内边
1、内边距: 内边距在content外,边框内 2、内边距属性: padding 设置所有边距 padding-bottom 设置底边距 padding-left 设置左边距 padding-right 设置右边距 padding-top 设置上边距 3、CSS边框: 我们可以创建出效果出色的边框,并且可以应用与任何元素 4、边框的样式: border-style翻译 2016-03-24 14:10:56 · 349 阅读 · 0 评论 -
CSS盒子模型之外边
1、外边距: 围绕在内容边框的区域就是外边距,外边距默认为透明区域,外边距接受任何长度单位、百分比值 2、外边距常用属性 margin 设置所有外边距 margin-bottom设置底边距 margin-left设置左边距 margin-right设置右边距 margin-top 设置上边距 丁涛最帅!!!翻译 2016-03-24 14:12:09 · 292 阅读 · 0 评论 -
CSS经典操作之导航栏
1、ul里面 list-style-type:none 可以去掉导航栏前面的点 2、a:link,a:avisited 可以去掉点击的和没有被点击导航栏下划线 3、a:ACTIVE,a:hover 可以改变鼠标放上去颜色的改变 4、li里面 display:inline 设置导航栏水平显示翻译 2016-03-24 21:34:21 · 282 阅读 · 0 评论 -
CSS经典操作之图片
opacity图片是否透明 取值为0~1 0为完全透明翻译 2016-03-24 22:25:48 · 299 阅读 · 0 评论 -
CSS背景的修改
background-attachment 背景图像是否固定或者随着页面的其余部分滚动 background-color 设置元素的背景颜色 background-image 把图片设置为背景 background-positon 设置背景图片的起始位置 当right时 包含2个属性 right和centercenter代表图片显示多少 可以写成right c翻译 2016-03-25 16:40:21 · 535 阅读 · 0 评论 -
CSS之文本
1、CSS文本 CSS文本属性可定义文本外观 通过文本属性,可以改变文本的颜色、字符间距、对齐文本、装饰文本、对文本缩进 2、属性 color 文本颜色 direction 文本方向 line-height 行高 letter-spacing 字行间距 text-aligin 对齐元素中的文本 text-decoration 向文本添加修饰 text-index翻译 2016-03-25 22:13:43 · 220 阅读 · 0 评论 -
CSS字体
1、CSS字体 CSS字体属性定义文本的字体系列、大小、加粗、风格、变形 font-family 设置字体系列 font-size 设置字体的尺寸 font-style 设置字体风格 font-variant 以小型大写字体或正常字体显示文本 font-weight 设置字体的粗细 还可以引入自己下载好的字体: @font-face{ font-family:myfon翻译 2016-03-25 22:21:50 · 270 阅读 · 0 评论 -
CSS之链接
1、CSS连接的四种状态 a:link 普通的、未被方位的链接 a:visited 用户已访问的链接 a:hover 鼠标指针位于链接的上方 a:active 链接被点击的时刻 2、常用的链接属性 text-decoration:none去除链接的下划线属性翻译 2016-03-27 10:04:58 · 243 阅读 · 0 评论 -
CSS之列表1
1、CSS列表 CSS列表属性允许你放置、改变列表标志,或者讲图像作为列表项标志 属性: list-style 简写列表项 list-style-image 列表项图像 list-style-image: url("handsome.ico"); list-style-positon 列表标志位置 outside inside list-style-typ翻译 2016-03-27 10:27:59 · 268 阅读 · 0 评论 -
CSS之表格
1、CSS表格 表格边框 border: 1px solid red; 折叠边框 border-collapse: collapse;双线边框变单线边框 表格宽高 表格文本对齐 表格内边距 表格颜色翻译 2016-03-27 12:15:16 · 336 阅读 · 0 评论 -
JavaScript学习之路
1、JS是在浏览器端执行的语言 2、JS和JAVA没有直接的关系,吸收了JAVA的一些特性,升级为JAVASCRIPT 3、无需编译就可以直接运行,即使有错误,正确的地方还是可以运行 4、除了在页面中写JS,还可以在文件中写JS,在页面中 src="text.js" type="text/javasrcipt">,优点:页面共享、减少流量 5、原创 2016-03-20 21:23:51 · 388 阅读 · 0 评论