设置元素内容相关整理

　　字体属性用于控制网页中的文本显示样式，例如控制文字的字体、大小等，CSS中的字体属性包括font、font-family、font-size、font-style、font-variant和font-weight等。

设置字体名称：font-family属性定义文字使用的字体的名称，例如宋体，Times New Romen，Arial等等，这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体，可以同时指定多个字体，只要用逗号分开即可，这样的意思是，若用户的电脑没有第一个字体，浏览器可以使用后面指定的字体。

设置字体倾斜程度：font-style属性描述字体的倾斜程度，可选的属性值包括normal、italic、oblique；

设置字体的变化：font-variant属性用于设置字体的可变形式，其可选属性值包括normal和small-caps，一个使用了small-caps属性的元素中的小写字母看起来要比正常的大写字母小一些。

设置字重：font-weight属性用来描述字重。可选属性值包括normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900等，其中100-900表示9种不同的字重，400代表normal,700代表bold，则boler代表字重500。

设置字体大小：font-size属性描述文字的大小，属性值为：<绝对大小>|<相对大小>|<长度>|<百分比>。

字体属性的缩写形式：

font属性是以上属性的快捷方式，属性顺序应按照：font-style、font-variant、font-weight、font-size、font-family排列。

时间： 2024-12-14 07:51:13

设置元素内容相关整理的相关文章

jQuery学习-访问设置元素内容

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>访问设置元素内容</title> <script src="js/jquery.js"></script> <script type="text/javascript"> //页面加载完成简写形式 $(function()

jquery 设置元素内容html(),text(),val()

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>wrap</title> 6 <script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></scrip

JQuery元素属性和样式操作、以及设置元素和内容

一.JQury元素属性操作通过JQuery可以对元素本身的属性进行操作,包括获取属性的属性值,设置属性的属性值,并且可以删除属性值(attr()和removeAttr()).二.JQuery样式操作元素样式操作包括了:直接设置css样式.增加css样式.类别切换.删除类别.例如:$('div').css('color');//获取元素行内的css样式颜色.$('div').css('color'. 'pink');//设置我最喜欢的粉色.var box = $('div').css(['colo

css设置元素垂直居中的几个方法

最近有人问我怎么设置元素垂直居中?我....(这么基础的东西都不会?我有点说不出话来),  不过还是耐心的教了他几个方法,好吧教完他们,顺便把这些方法整理一下 第一种:通过设置成为表格元素的方式来实现垂直居中 (适应于父级有固定高度的元素) 第一步,写html代码,如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>元素垂直居中</title&

CSS基础3——使用CSS格式化元素内容的字体

1.CSS属性单位: (1)长度单位:包括绝对长度单位和相对长度单位 绝对长度单位包括:cm.mm.in.pt.pc等.绝对长度单位最好用于打印输出设备,在仅作为频幕显示时,绝对长度值并没有什么意义. 相对长度单位包括:px.em.ex等.相对长度指元素尺寸相对于浏览器的系统默认值来相应的缩放.em是相对于当前对象中文本M的字体尺寸大小.ex是相对于当前对象中文本x的字体尺寸大小.如果当前对行内文本额字体尺寸未被人为设置,则相对于浏览器默认字体尺寸. px,em,百分比的转换:16px = 1e

CSS基础4——使用CSS格式化元素内容的文本

CSS的文本属性用于控制文本的段落格式,如设置首行缩进.段落对齐方式.字间距.行间距等. 1.设置文本首行缩进:text-indent 可选属性值包含: 长度 / 百分比 2.设置文本对齐方式:text-align 可选属性包含:left / right / center,分别表示相左对齐.向右对齐,居中对齐 3.设置文本修饰方式:text-decoration 可选属性包含:none / underline (下划线)  / overline(上划线) / line-through(删除线)

CSS基础——使用CSS格式化元素内容的文本

CSS的文本属性用于控制文本的段落格式,如设置首行缩进,段落对齐方式.字间距.行间距等. 1.设置文本首行缩进:text-indent 可选属性值包括: 长度 / 百分比 2.设置文本对齐方式:text-align 可选属性包括:left / right / center,分别表示相左对齐,向右对齐,居中对齐 3.设置文本修饰方式:text-decoration 可选属性包括:none / underline (下划线)  / overline(上划线) / line-through(删除线)

页面元素坐标和偏移（clientX/pageX/screenX/layerX/offsetWidth/scrollWidth/clientWidth等）相关整理

鼠标事件都是在特定位置发生的,我们可以通过event事件对象的各种属性来获得事件发生的坐标位置,有相对于视口的,有相对于整个文档的,同样页面元素的位置也有相对视口的,也有滚动后的,这些都比较容易混淆,所以整理在这里,备忘,待查. 1.客户区坐标位置(clientX/clientY) 我们可以通过event事件对象的clientX/clientY属性获得事件发生时鼠标指针在视口中的水平和垂直坐标. 示意图: 2.屏幕坐标位置(screenX/scrennY) 通过event事件对象的screenX

JQuery_DOM 简介/设置元素及内容

一.DOM 简介 1.D 表示的是页面文档Document.O 表示对象,即一组含有独立特性的数据集合.M表示模型,即页面上的元素节点和文本节点. 2.DOM 有三种形式,标准DOM.HTML DOM.CSS DOM,大部分都进行了一系列的封装,在jQuery 中并不需要深刻理解它. 3.树形结构用来表示DOM,就非常的贴切,大部分操作都是元素节点操作,还有少部分是文本节点操作. 二.设置元素及内容 我们就可以对这些元素进行DOM 的操作.那么,最常用的操作就是对元素内容的获取和修改. <scr