`

CSS设置精选版(基础二)

    博客分类:
  • css
CSS 
阅读更多

7、列表

  7.1 列表标记(ul li):list-style-type

   {

     disc(默认圆点)

     circle(空心圆)

     square(实心方框)

     none(没有标记)}

     decimal(1. 2.……)

     lower-roman(i. ii.……)

     upper-roman(I. II.……)

     lower-alpha(a. b.……)

     upper-alpha(A. B.……)}

     cjk-ideographic(一. 二.……)

   }

 

 7.2 将图像做为标记: list-style-image: url('/i/eg_arrow.gif')

 7.3 文字环绕标记: list-style-position:

   {

     inside(换行文本与标记对齐)

     outside(换行文本与标记后面的文字对齐)

   }

 7.4 将属性应用于一个设置 list-style:

 

8、表格

 8.1 合并边框:border-collapse: {collapse(合并,即代替老版的cellspacing=0 和 cellpadding=0separate}

 8.2 设置表格两个边框之间距离: border-spacing,此值必须在border-collapse设置为separate时才有效,如:

 border-collapse: separate; border-spacing: 20px 50px (左右  上下) 或  border-space: 10px

分享到:
评论

相关推荐

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    【CSS基础学习】是网页设计领域中的重要环节,它是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。CSS(层叠样式表)让网页设计者能够分离内容与表现,使得网页设计更加灵活且易于...

    css样式基础版

    css样式,很好用好,很不错,可以试试

    (完整版)《HTML5+CSS3网站设计基础教程》_教学大纲.pdf

    三、CSS3 样式基础知识点 * CSS3 选择器 * CSS3 属性 * CSS3 值 * CSS3 单位 * CSS3 颜色 * CSS3 文本样式 * CSS3 字体样式 * CSS3 背景样式 * CSS3 边框样式 * CSS3 盒模型 * CSS3 布局样式 四、网页布局与变形...

    Head First HTML&CSS; 第二版电子书及源码

    《Head First HTML&CSS》是面向初学者的一本经典教材,第二版更是深入浅出地讲解了HTML(超文本标记语言)和CSS(层叠样式表)的基础知识。这本书通过直观、互动和趣味性的教学方式,使学习者能够快速掌握网页制作的...

    HTML5+CSS3网站设计基础教程(第2版)_源代码.zip

    在"HTML5+CSS3网站设计基础教程(第2版)"中,读者可以学习到如何利用这两种语言构建功能强大且视觉效果出众的网站。 HTML5作为新一代的超文本标记语言,引入了许多新的元素和属性,旨在简化网页结构,提高语义化,...

    HTML5+CSS3网站设计基础教程_动手实践源代码

    在"HTML5+CSS3网站设计基础教程_动手实践源代码"这个资源中,你将学习到以下关键知识点: 1. **HTML5新特性**:包括新的结构元素(如、、、、和),用于更好地组织网页内容;离线存储(AppCache)以提高离线访问...

    《HTML5+CSS3网站设计基础教程》源代码+补充案例+动手实践

    《HTML5+CSS3网站设计基础教程》是一本旨在教授读者如何使用现代Web技术构建交互式、响应式网站的教材。源代码、补充案例和动手实践环节是学习过程中的重要组成部分,它们帮助理论知识与实际操作相结合,使学习更加...

    HTML5与CSS3基础教程 第八版 中文版 高清 PDF

    《HTML5与CSS3基础教程 第八版 中文版》是一本全面介绍这两个技术的书籍,旨在帮助初学者快速入门,并提供给进阶者深入理解的资源。 HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它的出现极...

    Html5+Css3网页设计基础 第三版 源代码

    在《HTML5与CSS3网页设计基础 第三版》中,作者Terry Felke-Morris深入浅出地讲解了这两门技术的基础知识,适合初学者入门。这本书的源代码分享可以帮助读者更好地理解和实践书中所讲内容。 HTML5的新特性包括: 1....

    Head First HTML与CSS 第二版 源码打包

    《Head First HTML与CSS》是学习网页制作的经典教材,第二版更是对原有的内容进行了更新和完善。这个源码打包包含了书中各个章节的实例代码,旨在帮助读者更直观地理解和实践HTML和CSS的基础及进阶概念。以下是对每...

    HTML5+CSS3网站设计基础教程 源代码.7z

    4. **Canvas绘图**:提供了一个二维画布,可用于动态图形和交互式图像。 5. **Web Workers和Web Storage**:通过Web Workers实现后台处理,提升网页性能;Web Storage提供更大容量的本地存储空间。 CSS3则是层叠...

    CSS实例 OReilly.CSS.Cookbook (第二版)

    《CSS实例:OReilly.CSS.Cookbook(第二版)》是一本专注于CSS(层叠样式表)实践应用的专业书籍,旨在帮助Web开发者通过实际案例提升网页设计的可用性和美观度。这本书涵盖了丰富的CSS技术,从基础到高级,旨在使...

    HTML5+CSS3网页设计基础教程教学课件汇总完整版电子教案.pptx

    HTML5+CSS3网页设计基础教程教学课件汇总完整版电子教案.pptx

    Head First HTML与CSS 第2版【高清】带书签pdf

    2. **CSS基础**:CSS允许我们将样式(字体、颜色、布局等)与HTML结构分离,使得网页设计更加灵活和可维护。基本语法包括选择器+属性+值,如`p {color: red;}`将所有段落文字设为红色。CSS还支持层叠、继承和优先级...

    [CSS] CSS 基础教程 英文版

    [SitePoint] CSS 基础教程 英文版 [SitePoint] Jump Start CSS E Book ☆ 图书概要:☆ This short SitePoint book provides readers with a fun and yet practical introduction to Cascading Style Sheets ...

    HTML5+CSS3网站设计基础教程_动手实践源代码.zip

    3. 掌握CSS3的选择器,为不同类型的元素设置不同的样式。 4. 应用CSS3的样式属性,如边框、背景、文本效果、转换、动画等,来增强视觉吸引力。 5. 学习使用Flexbox或Grid进行响应式布局,适应不同设备和屏幕尺寸。 6...

    html + css 基础学习.zip

    html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css...

    CSS基础教程PDF

    ### CSS基础教程知识点详解 #### 一、CSS简介 **CSS**,全称为 **Cascading Style Sheets**(级联样式表),是一种用于定义HTML文档布局的语言。它可以帮助开发者更好地控制网页的外观,如字体、颜色、间距、大小...

    《HTML5+CSS3网站设计基础教程》 PPT

    “第3章CSS3入门.pptx”和“第4章CSS3选择器.pptx”将引导你了解CSS3的基础语法和高级选择器,如伪类(:hover、:active、:focus等)、子元素选择器(>:child)、相邻兄弟选择器(+)等,这些工具可以帮助你更精确地...

Global site tag (gtag.js) - Google Analytics