Web_CSS
文章平均质量分 86
pigdreams
有些技术你可以不用它,但你不能不知道它。
展开
-
从零开始学web开发之CSS-7.超链接样式&8.图片样式
超链接样式1.超链接伪类超链接默认有自带的一种样式。默认情况:字体为蓝色,带有下划类鼠标点击时:字体为红色,带有下划线。鼠标点击后:字体为紫色,带有下划线。点击时,指的是点击超链接的一瞬间的状态。<1>.去除超链接下划线在a标签的css样式中使用text-decoration:none.<2>.定义超链接伪类语法:...原创 2018-04-22 20:49:41 · 549 阅读 · 0 评论 -
从零开始学web开发之CSS-9.列表样式&10.表格样式
一、列表样式1.定义列表项符号语法: list-style-type:属性值;说明: 有序列表list-style-type取值如下 属性值 说明 decimal 默认值,数字1、2、3 lover-roman 小写罗马数字i,ii upper-roman 大写罗马数字I,II,III lower-alpha...原创 2018-04-23 00:44:20 · 806 阅读 · 0 评论 -
从零开始学web开发之CSS-1.简介&2.选择器基础
1.简介<1>.CSS介绍CSS - Cascading Style Sheet 层叠样式表,用以控制网页外观。 CSS的出现改变了网页以往样式非常单调的局面,让网页更具个性与色彩。 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一个CSS文件中注释使用...原创 2018-04-18 22:40:07 · 196 阅读 · 0 评论 -
从零开始学web开发之CSS-11.CSS盒子模型
1.简介页面中所有元素都可以看成一个盒子,并占据着一定的页面空间。一个页面上很多这样的盒子组成,盒子间相互影响。 盒子模型由下面4个属性组成,还有宽度width与高度height两大辅助性属性。 属性 说明 border (边框)元素边框 margin (外边距)用于定义页面中元素与元素之间的距离 padding (内边距)用于定义内容与...原创 2018-04-23 20:09:55 · 246 阅读 · 0 评论 -
从零开始学web开发之CSS-12浮动布局&13定位布局
一、浮动布局1.HTML文档流<1>. 正常文档流动HTML文档流:元素在页面出现的先后顺序。正常文档流:将窗体自上而下分成一行一行,块元素独占一行,相邻行内元素在每行中按从左到右依次排列元素。<2>.脱离正常文档流相对正常文档流而言,用CSS样式去控制的HTML文档结构。 例如将在最下面的div放到第一行显示。 在CSS布局中...原创 2018-04-23 20:10:58 · 310 阅读 · 0 评论 -
从零开始学web开发之CSS-3.字体样式
1.字体类型font-family语法: font-family:字体1,字体2,字体3;说明: font-family可指定多种字体,多个字体将按优先顺序排列,以逗号(英文逗号)隔开。 示例:<style type-"text/css"> p{font-family:微软雅黑,Arial,Times New Roman;}</style&...原创 2018-04-19 22:38:24 · 369 阅读 · 0 评论 -
从零开始学web开发之CSS-4.文本样式
前言:字体样式主要涉及字体本身的型体效果,而文本样式主要涉及多个文字的排版效果。 字体样式注意个体,文本样式注重整体。 文本样式属性简介: 属性 说明 text-decoration 下划线、删除线、顶划线 text-transform 文本大小写 font-variant 将英文文本转换为”小型”大写字母...原创 2018-04-21 00:33:41 · 195 阅读 · 0 评论 -
从零开始学web开发之CSS-5.边框样式
简介要定义一个元素的边框必须要设置三个方面的元素,少设置一个属性浏览器也能正常识别,会以默认值的方式。 属性 说明 border-width 边框的宽度 border-style 边框的外观 border-color 边框的颜色1.border-width定义边框宽度 语法:border-width:像素值;...原创 2018-04-21 00:34:52 · 540 阅读 · 0 评论 -
从零开始学web开发之CSS-6.背景样式
背景样式分为两种:背景颜色,背景图像1.背景颜色background-color语法:backgroud-color:颜色值;说明: 颜色值是一个关键字或一个16进制的RGB值。 示例:#div1{background-color:green;}#div2{background-color:#ff0000;}2.背景图像背景图像属性...原创 2018-04-21 00:35:32 · 314 阅读 · 0 评论