yongdami
yongdami

CSS_02 文字属性_文本属性_背景属性_列表属性

CSS属性


1、CSS中的文字属性


            属性名称              属性值                  说明

                     font-style      normal          正常显示

                                                 italic          斜体

 

                     font-variant    normal          正常显示

                                                 small-caps      将英文大小写字母写调为同宽

      

                     font-weight     normal          正常显示

                                                 bold            粗体

             

                     font-size       像素                     字体大小

                                                 百分比                  字体大小

             

                     font-family     字体名称              设置字体名称

2、CSS中的文本属性

                           

          属性名称                     属性值                     说明


                     color            十六进制                   颜色      

                                                   英文名称                   颜色

                                                    三原色单位              颜色

 

                     letter-spacing      normal         正常显示

                                                        长度                     文本间隔

 

word-spacing      normal         正常显示

数字         单词间距

 

white-space         normal         文本自动处理换行

pre            换行和空白受保护

nowrap         强制在同一行显示

 

            text-align          left           文字靠左

                                                        right          文字靠右

                                                        center         文字靠中

 

                     text-decoration     none            正常显示

                                                        underline       加上下划线

                                                        overline        加顶线

                                                        line-through    加删除线

 

                     text-indent         长度                     首行缩进

                                                        百分比                  同上

 

line-height         像素            行高

数字/百分比     行高

 

                     text-transform      none            正常显示可以包含大，小字符

                                                        capitalize      字符串第一个字符大写

                                                        uppercase       设置大写字符

                                                        lowercase       设置小写字符

 

 

                     vertical-align      sub            设置文字为下标。

                                                        super          设置文字为上标。

                                                        top            元件往上端靠齐。

                                                        middle         设置文字是在中线位置。

                                                        bottom         元件往下端靠齐。

3、CSS中背景的使用

                   属性名称                            属性值                     说明

              background-attachment   scroll         设置背景图像会随视窗滚动

条的移动而移动。      

                                                        fixed         设置背景图像不会随视窗滚动条

的移动而移动。

      

              background-color      十六进制              background-color:#ff0000;

                              英文名称              background-color:red;

                              三原色                 background-color:rgb(255,0,0)

                             transparent      background-color:transparent;透明

 

              background-image      URL            background-image:url("bg.jpg")

背景图片

                                                     none           不设置背景图片

 

              background-position   top left         设置背景图案出现在上左方。

                                                     top center       设置背景图案出现在上方中间。

                                                      top right        设置背景图案出现在上右方。

                                                      center left      设置背景图案出现在中间左方。

                                                       center center    设置背景图案出现在IE中间。

                                                       center right     设置背景图案出现中间右方。

                                                       bottom left      设置背景图案出现在下左方。

                                                        bottom          设置背景图案出现在正下方。

                                                        bottom right    设置背景图案出现在下右方。

                                         

              background-repeat      repeat         将背景图案填满整个背景。

                                                        repeat-x      将背景图案在水平方向添满。

                                                        repeat-y      将背景图案在垂直方向添满。

                                                        no-repeat      图案只出现一次。

 

                     背景图案简化方案：

                     background:颜色 背景图片 repeat attachment position


4、CSS中列表的使用

     

           属性名称         属性值           说明

         list-style-type    none            无符号

                            disc            实体的小圆点。

                           circle           空心的小圆点。

                           square           实心的小方块。

                           decimal          1,2,3...

                           lower-roman      i,ii,iii...

                           upper-roman      I,II,III...

                           lower-alpha      a,b,c,d,e...

                           upper-alpha      A,B,C,D,E...

           

         list-style-position inside         清单项目较往右移。

                            outside         清单项目正常显示。

         list-style-image     URL          list-style-image:url(lmk.gif)

                            none            不会显示任何图象

 

         清单的简化设置：

         list-style:circle inside url("bullet.gif")  


你可能感兴趣的:(HTML_CSS)

  • HTML_CSS的基本选择器的使用及其作用范围和优先级 L败落 htmlcss前端
    目录✨CSS的使用：行内样式内部样式外部样式✨CSS基本选择器：id选择器class选择器标签选择器✨优先级：选择器的优先级样式表的优先级✨CSS的使用：根据定义CSS的位置不同，分为行内样式、内部样式和外部样式行内样式也称为内联样式直接在标签中编写样式，通过使用标签内部的style属性；一般在测试的时候使用居多：语法：hellomycss案例：第一个div运行结果：弊端：只能对当前的标签生效，没
  • HTML_CSS笔记 dotaer_shashen
    HTML1.HTML简介HTML与XML类似,都是一种标记语言;XML是可扩展标记语言,而HTML是超文本标记语言;XML主要用来当作配置文件存储数据,而HTML是用来在网页上显示数据的;第一个html页面标签用于定义文档的头部,描述了文档的属性和各种信息;包括文档的标题,样式(css),以及文件(css,js)引入路径等,标签中的内容不会展示在浏览器上让用户看到;标签中的内容是要显示在浏览器上的
  • html_css 4d5b10d2437f
    前端技术第一章前端介绍第1节什么是前端前端即网站的前台部分，运行在PC端，移动端等浏览器或者APP上，展现给用户浏览的网页。前端与后台是相对的前端是展示给用户并且和用户进行交互的客户端有app或者浏览器后台又称为服务器端进行数据处理，存储，业务逻辑等.第2节前端的开发流程第3节页面的组成结构结构HTML用于描述页面的结构表现CSS用于控制页面中元素的样式行为JavaScript用于响应用户操作第4
  • html_css 4d5b10d2437f
    第一章前端介绍第1节什么是前端前端即网站的前台部分，运行在PC端，移动端等浏览器或者APP上，展现给用户浏览的网页。前端与后台是相对的前端是展示给用户并且和用户进行交互的客户端有app或者浏览器后台又称为服务器端进行数据处理，存储，业务逻辑等.第2节前端的开发流程第3节页面的组成结构结构HTML用于描述页面的结构表现CSS用于控制页面中元素的样式行为JavaScript用于响应用户操作第4节页面的
  • html_css模拟端午赛龙舟运动 yma16 JavaScript专栏csshtmlcss3
    文章目录⭐前言样式布局添加龙舟添加css_animation运动⭐结束⭐前言大家好，我是yma16，本期给大家分享css实现赛龙舟运动。样式布局风格：卡通首先采用一张包括水元素的照片作为背景annimation*{margin:0;padding:0;}body{width:100vw;height:100vh;background:url(./background.jpg);background
  • HTML_CSS基础 帝_颛顼 htmlcss前端
    ——————留存自用——————4.样式a.文本样式-Fonti.Font-family、font-size、font-weightii.text-align：left、center、rightiii.line-height:数值(一般用像素或者所在元素高度的于字体大小的比值)例：高度为200px,字体为20px,若想居中展示1)数值：line-height:200px;2)比值：line-hei
  • 2019-7-23 [HTML_CSS] 基本 行内/内部/外部格式 优先级 选择器 字体演 颜色 粗细大小 字体对齐 景子墨 HTML
    文章目录0.网页美化技术CSS1css概述1.1什么是CSS?1.2CSS的发展史1.3CSS的优势1.4CSS基本使用1.5CSS样式的分类1.5.1行内样式1.5.2内部样式1.5.3外部样式(常用)1.6CSS样式的引用优先级问题2.css练习2.1任务需求2.2代码实现3CSS选择器3.1什么是选择器呢?3.2.1标签选择器3.2.2类选择器3.2.3ID选择器3.3CSS选择器优先级4C
  • 【web前端(二)】html_css层叠样式——行内联样式和页面内联样式 Ryan-Liu
    行内样式（内联样式）行内样式(内联样式)行内样式层叠样式页面内联样式页面内联样式标签在页面内定义一些命名的样式组，页面中的标签可以引用这些样式组的名字来应用样式。-->/***类选择器样式（伪类）*一定是点开头，这里我们要说的是，*如果在页面体内有样式应用了中的类，*那么该对象就有了类里面定义的相应属性*/.text1{color:blue;font-family:"微软雅黑";font-size
  • HTML_css如何实现头像无限旋转动画特效 小歪 | 前端 HTML
    主要使用了@keyframes和animation，以及指定infinite，播放次数不限来实现。.html小歪.css@keyframesrotation{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.rotate{width:100px;height:100px;animation:rotation3slinearinf
  • html_css结合方式以及选择器 best_冰河世纪 html
    html_css结合方式极其选择器-->第1种结合方式第2种结合方式第3种结合方式,标签选择器第3种结合方式,class选择器第3种结合方式,id选择器id选择器>class选择器>标签选择器-->/*css文件*/@CHARSET"UTF-8";/*标签选择器*/div{background:black;color:purple;}/*class选择器*/.three{background:pu
  • CSS 选择器权重优先级计算规则 江中独舞
    原文地址：http://www.jianghuihui.vip/a/jishuwenzhang/HTML_CSS/20180109/34.htmlCSS有两大特性，继承性和层叠性层叠性指的是：权重相同的情况下，后写的覆盖前面的样式。由此可见，层叠性和选择器的权重有很大关系，今天就着重说一下选择器的权重选择器有两大类：基础选择器：id选择器，类选择器，标签选择器，通配符选择器；复合选择器：后代选择器
  • HTML_CSS maskerII
    HTML_CSSbody{background-color:cornflowerblue;}h1{color:blue;}h2{color:red;}p{color:yellow;}-->这是一个标题这是另一个标题这是一个段落访问runoob.com!我使用了外部样式文件来格式化文本我也是!段落背景颜色标题背景颜色一个标题一个段落对齐方式1、如何使用CSSCSS是在HTML4开始使用的,是为了更好
  • 目前比较全面的浏览器CSS BUG兼容汇总 css
    http://www.51css.net/html_css/div_css/2516.html 本文介绍常见的浏览器BUG，重点针对IE浏览器BUG，以及常用的CSS Hack，CSS注释写法，希望网友们通过阅读本文后，在日常的DIV CSS 布局中减少不必要的麻烦； 本文来自网页之家www.51css.net   扩展阅读>>>CSS Hack 和向后兼容
  • HTML_CSS布局技巧（1） html
    1)当一个父div中包含了几个子div，同时几个子div设置为浮动，那么父div的高度不能被子div撑起来。须手动设置父div的宽高，然后才可以设置例如 margin：auto的居中属性。 2)设置几个连续div的间隔：首先把这几个div的属性设置为左浮，然后这几个div就是并排显示了，此时每个div之间没有间距，通过设定每个margin-left的值来调整他们之间的间距。 3)水平居中：行内
  • html_css u012943767 htmlcss
    软件架构分为B/S、C/S两种C/S架构的特点是：（Client客户端/Server服务器）   1、服务器运行数据负荷较轻，是由于客户端做了一些辅助的计算工作。    2、数据的存储管理功能较为透明  （通常采用文件的形式存储在本地）    3、C/S架构的劣势是高昂的维护成本且投资大。B/S架构的特点：（Brower浏览器/Server服务器）    1、维护和升级方式简单     2、成本降
  • HTML_CSS布局技巧（2） html
    1）设置网页整体居中的代码： 以前用表格布局时设置网页居中非常方便，把表格对齐方式设置为居中就行了，就这么简单，现在呢，用DIV+CSS样式表控制， <style> #layout { width:778px; margin:0 auto; text-align:center;} </style> <div id="layout">
  • 如果div的多个class中display设置不一样，哪个会起作用？绝对出乎你的意料 coding1688 htmlcss
    比如： <div class="hide html_css">some text</div>   其中： .html_css { display:inline-block; } .hide { display:none; }   结果发现，这个元素会显示，一想也有道理，hide在前html_
  • [置顶] 5收集一些后台模板html_css gulang76 htmlwindowscmscrmexttemplates
    准备想在框架的基础上写一个后台模板生成类,就好像之前用的那个框架一样.因为后台的样式基本上都是一样的,不需要什么特殊或者不规则的html,一些form,input,列表,分页,tab…不外乎就那么几种,完全没有必要花时间在逐个页面写HTML,很费时间,修改也麻烦.写好一个类之后,就通过简单的PHP语句生成你想要的html,几句php就搞掂一个页面了.嗯,那第一步就找一个好看,结构又简单的后台模板.
  • 收集一些后台模板html_css 为我所爱，奋斗一生
    准备想在框架的基础上写一个后台模板生成类,就好像之前用的那个框架一样.因为后台的样式基本上都是一样的,不需要什么特殊或者不规则的html,一些form,input,列表,分页,tab…不外乎就那么几种,完全没有必要花时间在逐个页面写HTML,很费时间,修改也麻烦.写好一个类之后,就通过简单的PHP语句生成你想要的html,几句php就搞掂一个页面了.嗯,那第一步就找一个好看,结构又简单的后台模板.
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他