样式表的选择器 1.类选择器 根据HTML标签的class属性选择样式应用的属性 .类值{ … } 2.ID选择器 根据HTML标签的ID属性选择样式应用的元素 #id值{ … }  3.标签选择器 根据HTML标签选择样式应用的属性 标签名{ … } 4.子选择器 .food>li{     border:1px solid red; } 5.包含选择器 .first span{color:red;} 6.通用选择器 * {color:red;} 7.伪类选择器 1.静态伪类(只应用于超链接)…

CSS代码书写位置 • CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明 1.内联式 ① 内联式简介 •内联式,也被习惯叫做行内式. •书写位置:在 HTML 标签之上的 style 属性中书写 css 样式. •所有的 css 样式属性总体组成标签的 style 属性的属性值. <div style="width: 100px;height: 100px; font-size: 14px;">1</div> ② 内联式缺点 a. 内联式必须写在标签…

样式表常用写法及特性(组合.继承.关联性.权值性.层叠性.重要性) 1.样式的组合:把具有相同声明定义的选择符组合在一起,并用逗号隔开.-例如:段落元素p.单元格元素td和类c1可以使用相同样式: p,td,.c1{font-size:12pt;font-family:黑体;color:red} 2.样式的继承:若子元素未定义,则它将继承上级元素的样式的定义.但存在少数属性不能继承.(但注意有一些css样式是不具有继承性的.如border:1px solid red;) 继承时会一直向上找,如果…

CSS样式表 CSS可算是网页设计的一个突破,它解决了网页界面排版的难题.可以这么说,HTML的Tag主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout). Web早期,HTML是一种很有限的语言,这种语言不关心外观,它只是一种简洁的小型标记机制. 随着Mosaic网页浏览器的出现,网站开始到处涌现.对于页面改变外观的需求增加,于是增加了类似<font>和<big>之类的标记元素. 几年之后,大多数网站标记几乎完全由表格和font元素组成,且对于…

[CSS常用文本属性] 1. 字体.字号类:① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体 也可以使用100-900数值,400表示normal,700表示bold ② font-style: 字体样式. italic-倾斜.normal-正常 ③ font-size: 字号. 可以写px单位,也可以写% 200%表示浏览器默认大小(16px)的两倍=32px ④ font-family: 字体系列(字体族). >>> 可以直接写字体名…

1. 互联网的运行过程 ①用户通过输入网址,发送一个HTTP请求到服务器中去,服务器里面存储了程序员上传的所有网页文件. ② 服务器一旦接收到请求,就会将我们所有的相关网页文件,回传到客户端,通过HTTP相应进行回传. ③客户端接收到了HTML文件之后,根据相关语法对HTML进行解读,并且再讲配套的所有文件请求响应过来,最终加载成用户看到的效果. ④整个过程就是客户端与服务器的传输过程,传输过程中会用到HTTP协议这个工具. 2. 服务器 服务器(server),就是一种特殊的计算机,也包括处理…

1.产生背景 从HTML的答案盛开时,样式就以各种形式存在,最初的HTML只i包含很少的显示属性.随着HTML的成长为了满足页面设计者的要求,HTML添加了许多显示功能,随着功能的增加HTML页面变得越来越臃肿,CSS应运而生. 2. 发展过程 3.CSS概念 ① CSS全称 cascading style sheets,层叠样式表,是用来表现HTML的文件样式的计算机语言. ② 作用:静态地修饰网页,并且可以配合各种脚本语言动态地对网页个元素进行格式化. 4.CSS的组成 层叠式 样式 CSS…

文字三属性 1.颜色color 2.字体font-family ① 常用字体 常用的中文字体: 宋体  SimSum 微软雅黑 Microsoft YaHei 常用的英文字体: 如果不设置字体属性,不同的浏览器有自己的默认字体. ② 注意事项 a. font-family 可以设置多个字体名称,在实际加载时只会选择一种加载,选择依据是按书写顺序进行,如果浏览器不支持第一个字体,则会尝试下一个,直到找到第一个支持的字体. b. 浏览器中加载的字体是用户机器中自带的,如果用户的电脑中没有设置的字体则…

目录 CSS基础语法(一) 一.CSS简介 1.CSS语法规范 2.CSS代码风格 二.CSS基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.总结 三.CSS字体属性 字体系列 字体大小 字体粗细 文字样式 复合属性 总结 四.文本属性 1.文本颜色 2.对齐文本 3.装饰文本 4.文本缩进 5.行间距 总结 五.CSS的引入方式 1.内部样式表 2.行内样式表 3.外部样式表 总结 六.Chrome调试工具 使用调试工具 七.Emmet语法 1.快速生成HTML…

CSS基础 1.css简介 cascading style sheets    汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式. 2.CSS语法 选择符{属性:属性值:属性:属性值:} div{width:500px; background:yellow; height:100px; } 说明: 1)每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值: 2)属性必须放在花括号中,属性与属性值用冒号…