摘要:
第11章 盒子模型 CSS盒子模型 每个元素都看成一个盒子,一个盒子模型是由content(内容)、padding(内边距)、margin(外边距)、border(边框)这四个属性组成。记住,所有的元素都可以视为一个盒子。 1、内容区:是CSS盒子模型的中心,它呈现了盒子的主要信息内容,这些内容可以 阅读全文
摘要:
第10章 超链接样式 超链接伪类 a:link{...}定义a元素未访问时的样式 a:visited{...}定义a元素访问后的样式 a:hover{...}定义鼠标经过a元素时的样式 a:active{...}定义鼠标点击激活时的样式 请记住,这四种样式定义顺序不能改变。 深入了解:hover 元 阅读全文
摘要:
第09章 背景样式 背景样式简介 在CSS中,定义"背景颜色"使用的是"background-color"属性,而定义背景图片则比较复杂。 背景颜色 background-color:red|green|blue|grey等 背景图片样式 background-image:url(图片路径); 背景 阅读全文
摘要:
第08章 图片样式 图片大小 width:像素值; height:像素值; 图片边框 border:1px solid red; 图片对齐 text-align:left|center|right; vertical-align:top|middle|baseline|bottom 文字环绕 flo 阅读全文
摘要:
第07章 表格样式 表格标题位置 caption-side:top|bottom top标题在顶部|bottom标题在底部 表格边框合并 border-collapse:separate|collapse separate边框分开,有空隙|collapse边框合并,无空隙 表格边框间距 border 阅读全文
摘要:
第06章 列表样式 列表项符号 list-style-type:none去除列表项默认的符号,经常用到; 有序列表list-style-type:decimal|lower-roman|upper-roman|lower-alpha|upper-alpha 无序列表list-style-type:d 阅读全文
摘要:
第05章 边框样式 边框样式简介 边框宽度border-width 边框外观border-style:none无样式|dashed虚线|solid实线 边框颜色border-color 整体样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8" 阅读全文
摘要:
第04章 文本样式 文本样式简介 字体样式与文本样式的区分 字体样式针对的是文字本身的形体效果,而文本样式针对的是整个段落的排版效果。字体样式注重个体,文本样式注重整体。在CSS中,特意使用了font和text两个前缀来区分这两类样式。 字体样式属性:字体类型font-family、字体大小font 阅读全文
摘要:
第03章 字体样式 字体样式简介 字体样式属性:字体类型font-family、字体大小font-size、字体粗细font-weight、字体风格font-style、字体颜色color 字体类型 字体类型:未定义,默认宋体 font-family:字体1,字体2,...,字体N; 比较美观的中文 阅读全文
摘要:
第02章 CSS选择器 元素的id和class id属性,具有唯一性,也就是说在一个页面中相同的id只能出现一次。如果出现了多个相同的id,那么CSS或者JavaScript就无法识别这个id对应的是哪一个元素。 class属性,可以为同一个页面的相同元素或者不同元素设置相同的class,然后使得具 阅读全文