声明：本文由w3h5原创，转载请注明出处：《CSS通过text-transform实现大写、小写和首字母大写转换》 https://www.w3h5.com/post/413.html
http://www.ruanyifeng.com/blog/2010/03/css_cookbook.html
在HTML入门教程中，有序列表和无序列表的列表项符号都是使用type属性来定义的。我们先来回顾一下。
CSS3 font属性 font-family(字体) font-size(字体大小) font-style(是否倾斜) font-weight(是否加粗) font-variant(设置小型大写字母) font(设置所有属性)(顺序为style，weight，size，family) font-family 规定元素的字体序列 可传递多个字体参数，如果浏览器不支持第一个字体，会尝试下一个 font-size 规定字体大小 默认为medium 可能的值：xx-small, x-small, small, m
shape-outside 是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域：
点评：css li 去掉点的样式写法，其实就是利用css的list-sytle样式来实现的。
1.选择符（Selector）:指明这组样式所要针对的对象。可以是一个XHTML标签，例如h1,img;也可以是定义了特定的id或者class的标签，如：#main表示用 id="main"修饰的标签，.footer表示用class="footer"修饰的标签等。 2.属性（property）：选择符的样式属性，如颜色、大写、定位、浮动方式等。 3.值（value）:是指属性的值。 4.同时可以为一个选择符定义多个属性，属性之间用分号";"隔开。 5.尽量使用通用属性，不使用存在兼容性差别的属性。
3.1 font-size 字号大小 它的属性用于设置字号 相对长度 em px 最常用，推荐使用 3.2 font-family 字体 它的属性用于设置字体
Author：Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力，都不会被生活辜负 不忘初心，方得始终 像我这样的人 最近总是单曲循环的播放着这首《像我这样的人》 听很久都不会觉得腻 或许这首歌最大的魅力就是共鸣 “ 像我这样迷茫的人 像我这样寻找的人 像我这样碌碌无为的人 像我这样孤单的人 像我这样傻的人 像我这样不甘平凡的人 世界上有多少人 ” <!DOCTYPE html> <html lang='en'>
1.驼峰命名法：除第一个单词的首字母小写之外，其余的单词首字母均大写。如：#headBlock(2).
CSS 提供了多种指定元素大小或长度的方式，其中一些更为直观。CSS 单位可分为四大类：
一个非常常见的操作是将字符串的第一个字母大写。虽然许多编程语言都有一种本地方法来实现这一点，但 JS 需要做一些工作。
永远一致同一套编码规范，可以是这里列出的，也可以是你自己总结的。如果您发现本规范中有任何错误，敬请在问题中指正。
(若有 issue / pull request 一律需附上编号) {type}:{subject (并在50个字内)} #{issue/pull request}
CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考。
对于很多人用div来做网站时，总会用到，但在显示效果时前面总是会有一个小黑点，这个令很多人头痛，但又找不到要源，其它我们可以用以下方法来清除。
元素语义化就是用正确的元素做正确的事情。虽然在理论上，所以的html元素都可以通过css样式实现相同的事情，但是这么做会使事情复杂化，所以我们需要元素语义化来降低复杂度。
以上是目标样式，第一个字母大概24px，后面的大概19px，并且都是大写。 如果单纯的给A和T两个字母添加标签再设置字体大小的话，那么设置的underlin；会有所差别，效果如下： 很明显下划线不在一条水平线上。为了解决这个问题可以有两种方法； 第一种：为标签设置border-bottom，可以说设置颜色等属性。 第二种:HTML标签 about technologe css样式: .about{font-siz
标签设置border-bottom，可以说设置颜色等属性。 第二种:HTML标签
about
technologe
一、列表项符号（list-style-type） 在HTML中，对于有序、无序列表的列表项符号，都是使用type属性来定义。 但我们应该遵顼结构与样式分离的原则，所以我们应该在CSS中通过list-style-type属性来定义列表项符号。 1.定义列表项符号 无论有序、无序列表，都是使用list-style-type属性来定义列表项符号。 （1）语法格式 list-style-type:取值; ① 说明 list-style-type属性针对的是ol 或 ul元素。 ② 有序列表lis
常言道网页设计的好坏，95%取决于字体的排版。尽管现在抖音、小视频和游戏的盛行，其占据了我们大部分的业余时间，但是还是有大部分人在网络上进行阅读，比如查阅资料，阅读小说、看新闻、知识学习之类。
（英语：eXtensible Hyper Text Markup Language，XHTML）
Jinja2模板语言支持多种过滤器，用于处理模板中的变量。过滤器可以对变量进行格式化、截取、转换等操作。下面是一些常用的Jinja2模板过滤器：
大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD
字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {font-variant: small-c
我已经在(http://www.sitepoint.com/author/hgiraudel/) 里写了很多关于Sass，但有一些意见明确表示，并不是每个人都知道Sass所指的是什么。这里有一点清晰：
CSS 选择器： CSS id选择器： id选择器可以为标有特定 id的HTML元素指定特定的样式 id选择器是以 “#” 来定义的 <!DOCTYPE html> <html> <head> <title>Node</title> <style type="text/css"> #red {color: red;} #green {color: green;} </style> </head> <body> id选择器：red -- 红色 <p
id选择器：red -- 红色
Create React App 是一个专为 React 配置的功能齐备的工具链。工具链有助于：
上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈文本Content内容的基础用法。
CSS基础知识 css，英文 Cascading Style Sheets，中文名：级联样式表。层叠样式表。 css是一种表现语言，是对网页语言的补充。 css用于网页的风格设计，包括字体，颜色，位置等。 css使用的4中方式：引入外部样式文件，导入外部样式文件，使用内部样式定义，使用内联样式定义。 引入外部样式文件： <link type="text/css" rel="stylesheet" href="css样式文件的url"/> 导入外部样式文
一个前端项目，目录的规范是必要的，当然，在一般开发中是没有必要做的那么严谨，在此，分享一下个人认为的基础规范，都只是个人认为。
Author：Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力，都不会被生活辜负 不忘初心，方得始终 不常用的东西很快就找不到了 不常写的方法很快就忘记了 字符串和数组的方法 大家还记的几个 <!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8'/> <meat name='
color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 三、CSS符号属性 list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/ list-style-type:square; /*实心方形符号*/ list-style-image:url(/dot.gif); /*图片式符号*/ list-style-position: outside; /*凸排*/ list-style-position:inside; /*缩进*/ 四、CSS背景样式 background-color:#F5E2EC; /*背景颜色*/ background:transparent; /*透视背景*/ background-image : url(/image/bg.gif); /*背景图片*/ background-attachment : fixed; /*浮水印固定背景*/ background-repeat : repeat; /*重复排列-网页默认*/ background-repeat : no-repeat; /*不重复排列*/ background-repeat : repeat-x; /*在x轴重复排列*/ background-repeat : repeat-y; /*在y轴重复排列*/ 指定背景位置 background-position : 90% 90%; /*背景图片x与y轴的位置*/ background-position : top; /*向上对齐*/ background-position : buttom; /*向下对齐*/ background-position : left; /*向左对齐*/ background-position : right; /*向右对齐*/ background-position : center; /*居中对齐*/ 五、CSS连接属性 a /*所有超链接*/
信息有时候是无序归纳的，有的却有着明确的顺序，在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的：操作步骤、排行榜、书目录……以前我们面对这些有着顺序或是有数字注明排序的内容时大多是在数据前自行加上一个数值，或是由程序加上这个数值。而如果使用有序列表则不需要这么麻烦，根本不用自行去填写序数，当单层列表的时候这种特性似乎并不明显，而当使用多层的时候其特性就很明显了。那么还是先来了解一下有序列表的代码形式：
官网链接https://pypi.org/project/parsel/1.0.2/
听说糙着干活的只靠 px 和 % 闯天下，不知道在看文章的你是不是也是其中一员，哈哈哈哈
HTML，全称超文本标记语言（Hypertext Markup Language），是一种用于创建网页的标准标记语言。HTML为网页提供了一种结构性的标记方式，使得浏览器可以正确地解析和显示网页内容。
在修改模板的过程中，需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章，我就把它整理出来，供自己参考，也希望对大家有用。
本来这篇是为CSS准备的，但看到视频中CSS和HTML、XML都有关系，即，都是设置他们的样式。而XML和HTML的格式看着也有些类似，就不得不分析一下二者之间的关系了。
百度前端学院的第一次任务笔记，HTML、CSS 基础。主要有 CSS 工作原理，选择器的使用，常用属性，行高属性，盒模型与定位，最后根据设计图实现 4 个页面。
其中，第一种方式的优先级高，模板引擎会优先搜索第一种方式中的模板文件，如果不存在才会搜索第二种方式中的模板文件。引擎只要找到符合要求的模板就会返回。
HTML（Hypertext Markup Language）是网页开发中的标准标记语言，用于构建网页内容。在网页中，常常需要展示信息的列表，例如商品列表、文章目录、任务清单等。HTML提供了多种列表标签，用于创建不同类型的列表。本文将详细介绍HTML中的列表标签，包括无序列表、有序列表和定义列表，并提供示例代码演示它们的用法。
然后，将小容器定位为absolute，再将它的左上角沿y轴下移50%，最后将它margin-top上移本身高度的50%即可。
这篇文章我会介绍 11 在开发过程中经常遇到的 CSS 相关知识点，以及 11 个有趣亦实用的 JavaScript 特性。
html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。 CSS中的单位是必须要写的，因为它没有默认单位。
Vue目前的的开发模式主要有两种： 1.直接页面级的开发，script直接引入Vue 2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了
这两天一直没有更新任何的文章，是因为我一直在想这个加密算法应该怎么写，这几天想了很多，终于写了一个自己觉得还比较完备的加密算法，我们没有写之前首先要明白，做一个加密的算法是一件逻辑性要相对强一点，也就是说考虑的要全面一点，这样才可以保证的是加密之后的密码不那么容易的被破解掉。
作为一门web框架，Django需要一种便利的方法来动态地生成html。常见的做法是使用模板，模板中包含了HTML静态内容和动态标签。
前言 I am a slow walker,but I never walk backwards. ---- CSS(层叠样式表) CSS是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态修饰网页，还可以配合各种脚本语言动态地对网页哥元素进行格式化。 CSS能够对网页中元素位置的排版进行像素精确控制，几乎支持所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 ---- CSS 尺寸属性(Dimension) height 设置元素高度 width 设置元素宽度 max-he
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
