网页开端第四次培训笔记

news/2024/7/7 7:15:13

CSS常用属性设置

1.背景(css背景属性用于定义HTML元素的背景效果

  • background-color 设置元素的背景效果
  • background-image 设置元素的背景图像,默认情况下,背景图像进行平铺重复显示,                                           以覆盖整个元素实体
  • background-repeat 设置是否及如何重复背景图像(x横向重复,y纵向重复)

2.文本

  • color 文本颜色
  • text-align 设置文本对齐方式,center(居中),left(左对齐),right(右对齐)
  • text-decoration (underline下划线、overline上划线、line-though对文本添加中划线、none)
  • text-indent 设置文本首行缩进

3.对齐方式

值 justify可以使文本的两端都对齐。在两端对齐的文本中,文本行的左右两端都放在父元素的内边界上。然后调整单词和字母间的间隔,使各行的长度恰好相等。对最后一行不生效值。

4.display

display属性规定元素应该生成的框的类型。这个属性用于定义建立布局时元素生成的显示框类型

5. 浮动 

float的属性值有none、left、right。

 6.盒子模型 

border、padding、margin三个属性构成了盒子模型

  •  border 设置边框属性
  1. 可同时设置边框的宽度、样式、颜色
  2. 使用border-width、border-style、border-color单独设置
  3. border-style的属性
  4. border-collapse设置是否将表格边框折叠为单一边框 
  • padding 设置元素所有内边框的宽度,或者设置各边上内边框的宽度


http://www.niftyadmin.cn/n/3649058.html

相关文章

父子节点 构建_如何使用节点构建轻量级发票应用程序:用户界面

父子节点 构建介绍 (Introduction) In the first part of this series, you set up the backend server for the invoicing application. In this tutorial you will build the part of the application that users will interact with, known as the user interface. 在本系列…

Android零碎小知识

获取当前的版本号 public double getVersionCode() {try {int versionCode getPackageManager().getPackageInfo(getPackageName(), 0).versionCode;return versionCode;} catch (PackageManager.NameNotFoundException e) {e.printStackTrace();}return 0; }将版本号设置成1.…

TabActivity实现多页显示效果

由于手机屏幕有限,所以我们要尽量充分利用屏幕资源。在我们的应用程序中通常有多个Activity,而且会经常切换显示,这样我们就可以用TabActivity来显示。其效果如图1所示。 图1 tabActivity显示效果 本文就来研究TabActivity。根据帮助文档的解…

网页开端第五次培训笔记

JavaScript简介 JavaScript是一种具有面向对象能力的、解释型的程序设计语言。更具体点,它是基于对象和时间驱动并具有相对安全性的客户端脚本语言。它的主要目的是,验证发往服务器端的数据、增加Web互动、加强用户体验度等。 JavaScript的组成 ECMASc…

react中使用构建缓存_如何使用React,GraphQL和Okta构建健康跟踪应用

react中使用构建缓存介绍 (Introduction) In this tutorial, you will build a health tracking app using GraphQL API with Vesper framework, TypeORM, and MySQL as a database. These are Node frameworks, and you’ll use TypeScript for the language. For the client,…

动态添加流式布局

自定义流式布局:之前的一篇文章写过,这里就不阐述了:http://blog.csdn.net/qq_24675479/article/details/78921070 随后封装一个方法工具类:GradientDrawable代替shape,StateListDrawable替换selector设置 public class DrawUtil…

[收藏]一个广为流传的关于项目管理的通俗讲解

这是一个广为流传的关于项目管理的通俗讲解 转载出处:http://www.mypm.net/bbs/article.asp?titleid19753&ntypeid24想首先问大家一个问题:你觉得中国人聪明还是美国人聪明? 我见过最好的回答是美籍华人。 我们说美国人很愚蠢&#xff0…

android设置Activity背景色为透明的3种方法

方法一:这种方法比较简单,只有一个步骤,只需要在配置文件中把需要设置为透明的activity的样式设置为 android:theme"android:style/Theme.Translucent" 即可,这种方式只改变背景的颜色,对其他控件没有影响。…