ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

HTML笔记——Day3

HTML笔记——Day3 九.HTML高级1.HTML全局属性常用的全局属性:完整的全局列表,请参考:全局属性-HTML(超文本标记语言)|MDN2.mate元信息1. 配置字符编码metacharsetutf-82. 针对IE浏览器的兼容性配置。metahttp-equivX-UA-CompatiblecontentIEedge3. 针对移动端的配置metanameviewportcontentwidthdevice-width, initial-scale1.04. 配置网页关键字metanamekeywordscontent8-12个以英文逗号隔开的单词/词语”5. 配置网页描述信息metanamedescriptioncontent80字以内的一段话,与网站内容相关”(6). 针对搜索引擎爬虫配置:metanamerobotscontent此处可选值见下表”7. 配置网页作者:metanameauthor contenttony8). 配置网页生成工具metanamegenerator contentVisual Studio Code(9). 配置定义网页版权信息:metanamecopyright content2023-2027版权所有”(10). 配置网页自动刷新metahttp-equivrefresh content10;urlhttp://www.baidu.com完整的网页元信息,请参考:|文档级元数据元素|MDN3.HTML总结十.CSS基础:1.CSS简介·CSS的全称为:层叠样式表(Cascading Style Sheets)。·CSS也是一种标记语言,用于给HTML结构设置样式,例如:文字大小、颜色、元素宽高等等。2.CSS的编写位置2.1行内样式· 写在标签的style属性中,(又称:内联样式)。· 语法:· 注意点·存在的问题2.2内部样式·写在html页面内部,将所有的CSS代码提取出来,单独放在style标签中。·语法:·注意点·存在的问题2.3外部样式· 写在单独的.css文件中,随后在HTML文件中引入使用。· 语法:1. 新建一个扩展名为.css的样式文件,把所有CSS代码都放入此文件中。2. 在HTML文件中引入.css文件。·注意点3.样式表的优先级·优先级规则:行内样式内部样式外部样式4.CSS语法规范CSS语法由两部分构成:·选择器:找到要添加样式的元素。·声明块:设置具体的样式(声明块是由一个或多个声明组成的),声明的格式为属性名:属性值;5.代码风格十一.CSS选择器1. CSS基本选择器基本选择器包括:(1). 通配选择器(2). 元素选择器(3).类选择器4).id择器1.1 通配选择器1.2元素选择器·备注:元素选择器无法实现差异化设置,例如上面的代码中,所有的p元素效果都一样。1.3类选择器1.4ID选择器1.5基本选择器总结2.复合选择器2.1交集选择器2.2并集选择器HTML元素间的关系2.3后代选择器2.4子代选择器2.5兄弟选择器2.6属性选择器2.7伪类选择器1
返回列表