css2 [lang|=en] 误区

[lang|=en] w3c说明:css2选择器,选择以en开头的的lang属性. w3c的这个解释是有误区的,en开头,但是en后面必须要有-,也就是说是选择的是en-开头…

html lang="en"

<html lang="en">向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english 你的页面如果是中文页面,可将其改为<html lang="zh"> zh即表示中文 <html lang=""en">可以输出中文,只是会让你的浏览器提示你要不要翻译此页,如果改成zh-cn就没有翻译的选项…

学习要点: 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器主讲教师:李炎恢本章主要探讨 HTML5 中 CSS 选择器,通过选择器定位到想要设置样式的元素.目前 CSS 选择器的版本已经升级至第三代,即 CSS3 选择器.CSS3 选择器提供了更多.更丰富的选择器方式,主要分为三大类. 一．选择器总汇本节课主要涉及到三种选择器:基本选择器.复合选择器和伪元素选择器,具体如下: 选择器名称说明 CSS 版本 * 通用选择器选择所有元素 2 <type> 元素选择器…

2.css选择器

由第一节的语法结构可以看出css语言的核心思想就是:找到对象,然后对选定的对象进行属性赋值.其中,css中对象的选择,依靠的就是选择器.当掌握了选择器以后,就能够指哪打哪,弹无虚发了. css的选择器有许多种,下面来逐一介绍: 1.基本选择器使用简单且频率高的一些选择器这里归类为基本选择器,而基本选择器有包含下的内容: 1.1 通用选择器 * { border: 1px solid red; } 说明:通用选择器的核心就是使用统配符*作为对象标识,在很多语言中,*的含义是指代所有对象,也就是所…

第七十节，css选择器

css选择器学习要点: 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器本章主要探讨 HTML5中 CSS选择器,通过选择器定位到想要设置样式的元素.目前CSS选择器的版本已经升级至第三代,即 CSS3选择器.CSS3选择器提供了更多.更丰富的选择器方式,主要分为三大类. 一．选择器总汇本节课主要涉及到三种选择器:基本选择器.复合选择器和伪元素选择器,具体如下: 选择器名称说…

CSS1，CSS2选择器详解

第一.CSS1选择器: 1.元素选择器(也叫标签选择器,是最基本的选择器) <style> html{background-color: red;} div{background-color: yellow;} </style> 2.ID选择器(id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义) <style> #boxl{color:blue;} </style> 2.1.结合元素的I…

css2.1实现圆角边框

虽然css3的border-radius实现圆角很简单,但是我还是认为css2.1中好多技术还是很值得学习的,我也是后来才知道这就是传说中的滑动门技术.脑洞大开啊附上demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="te…

【css】css2实现两列三列布局的方法

前言对于 flex 弹性布局相信大家都有所了解,它是 css3 中的属性,然而它具有一定的兼容性问题.楼主前几天面试时遇到了面试官需要设计一个两列布局,我当然就说父元素 flex 吧哩吧啦,然而需要用基本的 css2 中的属性布局,傻掉了... 要求:两列布局,左边定宽,右边自适应 html 布局如下 <div id="father"> <div id="left">我是定宽左</div> <div id="ri…

CSS、CSS2和CSS3选择器总结(全部选择器种类及其优先级)

选择器种类罗列: 1.基础的选择器选择器含义示例 * 通用元素选择器,匹配任何元素 * { margin:0; padding:0; } E 标签选择器,匹配所有使用E标签的元素 p { font-size:2em; } .info和E.info class选择器,匹配所有class属性中包含info的元素 .info { background:#ff0; } p.info { background:#ff0; } #info和E#info id选择器,匹配所有id属性等于footer的元…

【css2、css3】css改变select选择框的样式

效果: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> /* 去掉默认样式,设置新的样式 */ .select-style{ position: relative; display…

css2.1实现图片添加阴影效果

盒子里面放了img标签,盒子浮动后,盒子的背景图片(就是阴影图片)会应用图片的宽高. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /* 核心技术就是float:left ,clear:ri…

网页头部 lang的声明

1. 简体中文页面:html lang=zh-cmn-Hans2. 繁体中文页面:html lang=zh-cmn-Hant3. 英语页面:html lang=en 4. <回来>的音频,以国语演唱:audio lang=zh-cmn5. <海阔天空>的音频,以粤语演唱:audio lang=yue6. <进来白相相>的音频,以沪语演唱:audio lang=wuu注意上述因为都是音频,所以不应加上 Hans/Hant 标记. 7. <最终信仰>的音频,双语…

Django框架之正则表达式URL误区

问题:我学习的视频大概是2015年录的,里面用的Django版本比较老关于正则表达式URL这一块都是用的url("url(r'^admin/', admin.site.urls),")方法.而我自己练习的时候是下载的最新版本,而正则表达式URL用的确实path("path('admin/', admin.site.urls),")方法.刚开始一对以匹配的时候都能成功,就没太在意这个细节.直到后面正则匹配多个时(path('detail-(\d+).html', vi…

Django框架教程之正则表达式URL误区详解

问题:我学习的视频大概是2015年录的,里面用的Django版本比较老关于正则表达式URL这一块都是用的url(“url(r'^admin/', admin.site.urls),”)方法.而我自己练习的时候是下载的最新版本,而正则表达式URL用的确实path(“path('admin/', admin.site.urls),”)方法.刚开始一对以匹配的时候都能成功,就没太在意这个细节.直到后面正则匹配多个时(path('detail-(\d+).html', views.detail),),总…

学习笔记----html的lang属性

lang属性的取值应该遵循 BCP 47 - Tags for Identifying Languages. 单一的 zh 和 zh-CN 均属于废弃用法. 问题主要在于,zh 现在不是语言code了,而是macrolang,能作为语言code的是cmn(国语).yue(粤语).wuu(吴语)等.我通常建议写成 zh-cmn 而不是光写 cmn,主要是考虑兼容性(至少可匹配 zh),有不少软件和框架还没有据此更新. zh-CN 的问题还在于,其实多数情况下标记的是简体中文,但是不恰当的使用了地区…

CSS-2

day 39 学习链接:https://www.cnblogs.com/yuanchenqi/articles/5977825.html 4 文本属性 font-size: 10px; text-align: center; 横向排列 line-height: 200px; 文本行高通俗的讲,文字高度加上文字上下的空白区域的高度 50%:基于字体大小的百分比 vertical-align:-4px 设置元素内容的垂直对齐方式 ,只对行内元素有效,对块级元素无效 text-indent: 15…

HTML的lang属性的作用

今天翻了一下<css权威指南>选择器章节,看到伪类选择器,也叫语言选择器:lang(language),顾名思义它会根据html设置的语言应用对应样式,如: *:lang(en){ color: red; } 会作用在这个P元素上 <p lang="en">中文english</p> 效果就是p里的文字全部显示为红色,en代表英文,然而不管p元素里的文字的是中文英文还是法文,都会应用此样式. lang属性可选值见这里. 设置lang属性有什么用处?…

CSS3选择器01—CSS2.1部分选择器

这篇文章主要用于存储CSS以及CSS3的选择器部分知识,以便日后查阅及记忆. 该内容分为两部分,第一部分为css选择器的一些基本知识.第二部分为CSS3新增加的选择器. 在开始之前,先简单介绍一下选择器,选择器的作用就是定位我们想要样式化的网页HTML元素.选择器可以分为以下几种类型. 1.简单选择器,通过元素类型,class或id匹配一个或多个元素. 2.属性选择器,通过属性/属性值匹配一个或多个元素. 3.伪类,匹配处于确定状态的一个或多个元素.(比如鼠标指针悬停的元素.当前被选中或未被选…

html lang属性

HTML 的 lang 属性可用于网页或部分网页的语言.这对搜索引擎和浏览器是有帮助的. 根据 W3C 推荐标准,您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明. <html lang="en"> ... </html> xhtml下 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="e…

网页头部的声明应该是用 lang="";

我们经常需要用缩写的代码来表示一种语言,比如用en表示英语,用de表示德语.ISO 639就是规定语种代码的国际标准.最早的时候,ISO 639规定的代码是,用两个拉丁字母表示一种语言,这被称为ISO 639-1.但是,两个拉丁字母最多只有262=676种组合,而世界上已知的语言总数可能有六七千种,因此明显是不够的.所以,后来又规定了ISO 639-2,用三个拉丁字母的组合表示一种语言.常见语言的ISO 代码如下表. ISO639-1 Code ISO639-2 Code 中文名英文名 ar…

前端之CSS2

CSS盒子模型 CSS盒子模型介绍盒子模型解释元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式. 盒子模型示意图如下: 把元素叫做盒子,设置对应的样式分别为:盒子的边框(border).盒子内的内容和边框之间的间距(padding).盒子与盒子之间的间距(margin). 设置边框设置一边的边框,比如顶部边框,可以按如下设置: border-top-color:red; /* 设置顶部边框颜色为红色 */ border-top-…

HTML中html元素的lang属性的说明

HTML中html元素的lang属性的说明我在刚开始学习HTML的时候,关于基本的HTML格式中有一点不明白的地方,基本格式如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body></body> </html>…

html中的lang标记有什么用

html中的lang标记有什么用一.总结一句话总结: 为文档或元素设定主语言(即lang) 比如google浏览器有个自动翻译的功能,而自动翻译要看这个文档的语言 1.其它标签中设置lang属性? <span lang="jp">ご饭が热い.</span> 二.html中的lang标记有什么用转自或参考:html中的lang标记有什么用_百度知道https://zhidao.baidu.com/question/1047617079800044099.ht…

0002 认识HTML(骨架、DOCTYPE、lang、charset)

学习目标理解 1.HTML的概念 2.HTML标签的分类 3.HTML标签的关系 4.HTML标签的语义化应用 1.HTML骨架格式 2.sublime基本使用 1. HTML 初识 HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言. HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) 一句话说出html作用: 网页是由网页元素组成的 , 这些元素是…

网页头部的声明应该是用 lang="zh" 还是 lang="zh-CN"？

网页头部的声明应该是用 lang="zh" 还是 lang="zh-CN"? 遇到问题不知道大家有没有留意到一个问题,就是使用 VsCode 新建的 html 文件的,根标签会有 lang="en" . 这样会导致打开网页的时候,浏览器的右上角会蹦出一个翻译英文提示. 翻译弹窗源文件 lang="en" 如何解决修改设置在 VsCode 设置界面,给 emmet 代码片段添加变量,设置 lang zh-CN. 测试成果…

细说CSS选择器

众所周知,CSS的一个核心特征就是能向文档中的一组元素类型应用某些规则.每个规则都有两个基本部分:选择器(selector)和声明块(declaration block).下图显示了规则的各个部分. 声明块:由一个或多个声明组成,每个声明都是一个属性-值对(property-value). 选择器:定义了将影响文档中的哪些部分. 下面全面的总结一下CSS的各类选择器: 元素选择器: 最常见的 CSS 选择器是元素选择器.换句话说,文档的元素就是最基本的选择器.如 p.h3.em.a ,甚至可以是…

《高性能javascript》一书要点和延伸（上）

前些天收到了HTML5中国送来的<高性能javascript>一书,便打算将其做为假期消遣,顺便也写篇文章记录下书中一些要点. 个人觉得本书很值得中低级别的前端朋友阅读,会有很多意想不到的收获. 第一章加载和执行基于UI单线程的逻辑,常规脚本的加载会阻塞后续页面脚本甚至DOM的加载.如下代码会报错: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8…

css3盒模型

css2.1盒模型: 当你定义盒子的宽高后:如果添加padding和border值后盒子的宽高会被撑大盒子的高度=定义的高度+(padding-top + padding-bottom)+(border-top + border-bottom); 盒子的宽度=定义的宽度+(padding-left+ padding-right)+(border-left+ border-right); css3.0盒模型: 当你定义盒子高度后:如果添加padding和border值后盒子大小不会改变,他会向内…

CSS3与页面布局学习总结（二）——Box Model、边距折叠、内联与块标签、CSSReset

一.盒子模型(Box Model) 盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin).边框(Border).内边距(Padding)和内容(Content),其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型,加上了doctype声明,让所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子.当设置一个元素的样式如下: <!DOCTYPE html> <html> <…

CSS3与页面布局学习总结（一）——概要、选择器、特殊性与刻度单位

web前端开发者最最注的内容是三个:HTML.CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务.当然内容与用户资源也是不能忽视的.尽量不要跨职责范围使用,有点“SRP单一职责”的意思,如字体大小应该是CSS控制的,就不应该使用HTML标签完成,如果CSS能解决的问题尽量不要用JavaScript完成. 一.CSS3概要 CSS(Cascading Style Sheet)是层叠样式表的…