css样式表 | 易学教程

CSS案例3（在线教育网站）

阅读更多关于 CSS案例3（在线教育网站）

案例练习目的是总结以前的css和html 还有ps的使用。制作步骤：准备相关文件。（内部样式表) html文件(index.html) 图片文件准备CSS 初始化。书写结构和样式确定版心（是1200像素)和各个模块布局（先行后列）。头部通栏：共四部分 logo、导航、搜索栏、个人中心前两个左浮动，后两个右浮动 banner部分：背景图片+左侧侧边导航栏+右侧我的课表模块 text-align: center; /* 文字水平居中 */ font-weight: 700; /* 文字加粗 */ letter-spacing: 2px; /* 设置字间距 */ font-family: arial; /* 一般情况我们的符号都用这个字体 */ background: rgba(0, 0, 0, 0.3);/* 盒子背景半透明 */ 精品推荐部分：来源： https://www.cnblogs.com/superjishere/p/11675249.html

Selenium定位

阅读更多关于 Selenium定位

Selenium 定位方法一．基本定位 from selenium import webdriver driver = webdriver.Chrome() # 八种定位方法 # id # name # class_name # link_text # partial_link_text # tag_name # css_selector # xpath # 对应定位元素位置为单个时 driver.find_element_by_id() driver.find_element_by_name() driver.find_element_by_class_name() driver.find_element_by_link_text() driver.find_element_by_partial_link_text() driver.find_element_by_tag_name() driver.find_element_by_css_selector() driver.find_element_by_xpath() # 对应定位元素位置为多个时 driver.find_elements_by_id() driver.find_elements_by_name() driver.find_elements_by_class_name() driver.find

《CSS权威指南》双鱼书概述——第一章CSS和文档

阅读更多关于《CSS权威指南》双鱼书概述——第一章CSS和文档

前言：CSS即层叠样式表主要是影响一个或者一组文档的表现，没有文档，CSS毫无用处。一、web的衰落完全结构化的文本太过古板，太平常，虽然有N个理由要求使用结构化标记，但HTML已然走到了今天。二、CSS做救星丰富的样式，易于使用，在多个页面上使用样式，层叠，缩减文件大小，为未来做准备，所以CSS有更加丰富的外观，在一个位置上就能修改和创建整个文档的外观，可将样式表链接到网站上所有的文档，同时还规定了冲突规则，这些规则统称为层叠。同时可以缩减文件大小，为将来做准备。三、元素元素时文档结构的基础，可以分为如下几类： 1》替换元素和非替换元素。替换元素时指用来替换元素内容的部分并非由文档内容直接表示。如img元素。 input元素等。大部分的HTML和Xhtml元素都是非替换元素，如span，h1~h6标题标签，表单元格，列表和Xhtml中的几乎所有的元素都是非替换元素。 2》元素显示角色块级元素和行内元素。块级元素生成一个元素框，会填充父元素的内容区，在元素框之前和之后生成了“分隔符”。如p，div元素，替换元素可以是块级元素，但通常都不是。行内元素行内元素在文本行内生成元素框，而不会打断这行文本，如a标签，strong和em也属于。区别：在HTML和XHTML中，块级元素不能继承自行内元素，级不能嵌套在行内元素中。但是在CSS中

HTML and CSS

阅读更多关于 HTML and CSS

HTML and CSS basis classes 和 IDs 的不同 class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。 HTML 元素 elements 从开始标签（start tag）到结束标签（end tag）的所有代码。 demo: <title>peculiarly</title> What are tags? The basic structure of an HTML document includes tags, which surround content and apply meaning to it. demo: opening tag <head> and closing tag </head> What are forms? <form> 标签用于创建供用户输入的 HTML 表单。 What is a div? <div> 可定义文档中的分区或节（division/section）。 What is the difference between "pixels" and "ems"? px像素（Pixel），相对长度单位。px 是相对于显示器屏幕分辨率而言的。 IE无法调整那些使用 px 作为单位的字体大小； em 是相对长度单位，相对于当前对象内文本的字体尺寸

引入CSS样式表（书写位置）

阅读更多关于引入CSS样式表（书写位置）

CSS可以写到那个位置？是不是一定写到html文件里面呢？内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下： <head> <style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} </style> </head> 语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。 type="text/CSS" 在html5中可以省略，写上也比较符合规范，所以这个地方可以写也可以省略。行内式（内联样式）内联样式，又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式，其基本语法格式如下： <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> 语法中style是标签的属性，实际上任何HTML标签都拥有style属性，用来设置行内式。其中属性和值的书写规范与CSS样式规则相同，行内式只对其所在的标签及嵌套在其中的子标签起作用。外部样式表（外链式）链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中，其基本语法格式如下： <head> <link href

html与css连接代码

阅读更多关于 html与css连接代码

demo01.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css课程</title> <style type="text/css"></style> <link rel="stylesheet" type="text/css" href="div1.css"/> </head> <body> <div id="div1"align="center"style="text-align: center;">css样式表</div> </body> </html> div1.css: [style] { width: 200px; height: 200px; border: 1px; border-style:dashed; background-color: #FF0000; border-radius: 3.125rem ; /* 圆角 */ padding-bottom: initial; /* 下边距 */ margin-bottom: 10px 20px 30px; /* 上边距 */ float: right; /* 浮动 */ } 来源： https://www.cnblogs.com/Zs-xin/p/11645703.html

关于CSS的书写规范和顺序

阅读更多关于关于CSS的书写规范和顺序

关于CSS的书写规范和顺序，是大部分前端er都必须要攻克的一门关卡，如果没有按照良好的CSS书写规范来写CSS代码，会影响代码的阅读体验。这里总结了一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。　CSS书写顺序　1.位置属性 (position, top, right, z-index, display, float等) 　2.大小 (width, height, padding, margin) 　3.文字系列 (font, line-height, letter-spacing, color- text-align等) 　4.背景 (background, border等) 　5.其他 (animation, transition等) 　CSS书写规范　使用CSS缩写属性　CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。　　　去掉小数点前的“0” 　　　简写命名　很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！　　　16进制颜色代码缩写　有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。　　　连字符CSS选择器命名规范　1

关于CSS书写规范、顺序

阅读更多关于关于CSS书写规范、顺序

【前端工程师】性能和效率优化的问题

阅读更多关于【前端工程师】性能和效率优化的问题

性能和效率一、你平时如何评测你写的前端代码的性能和效率。 ChromeDevTools 的 Timeline : 是用来排查应用性能瓶颈的最佳工具。 ChromeDevTools 的 Audits: 对页面性能进行检测，根据测试的结果进行优化。第三方工具 Yslow 。详细参见： http :// www . cnblogs . com / — simon / p /5883336 .html http :// blog . csdn . net / ivan 0609/ artide / details /45508365 http :// www . wtoutiao . com / p /1305 TZW.html 二、如何优化页面，加快页面的加载速度 ( 至少 5 条 ) (1) 优化图片资源的格式和大小 (2) 开启网络压缩 (3) 使用浏览器缓存 (4) 减少重定向请求 (5) 使用 CDN 存储静态资源 (6) 减少 DNS 查询次数 (7) 压缩 css 和 js 内容详细参见： http :// www . mahaixiang . cn / wyzz /1589 .html 三、怎么保证多人开发进行内存泄漏的检查（内存分析工具） 1) 使用 xcode 里面的 Analyze 进行静态分析 build setting ---- 》 automa

导入css文件问题

阅读更多关于导入css文件问题

1 在html文件中导入css文件 1.1 导入式　　<link href= "style.css" rel= "stylesheet" type= "text/css" /> 1.2 链接式　　< style type= "text/css"> 　　　　@ import "style.css" 　　 </ style> 2 二者的区别 1 两者标签所放位置都是<head>标签中. 2 导入式和链接式的目的都是将一个独立的css文件引入一个文件中，二者的区别不大，事实上，二者最大的区别在于链接式使用html的标记引入外部css文件，而使用导入式则是使用css规则引入外部css文件。因此它们的语法也不同. 3 采用这两种方式后的现实效果也略有区别。使用链接式时，会在装载页面主体部分之前装载css文件，这样现实出来的页面从一开始就是带有样式效果的，而使用导入式时，会在整个页面装载完成之后再装载css文件，对于有的浏览器来说，在一些情况下，如果页面文件的体积比较大，则会出现先现实无样式的页面，闪烁一下之后再出现设置样式的效果。从浏览者的感受来说，这是使用导入式的一个缺陷. 2 在CSS文件中导入css文件三个css样式表： css_red.css ， css_blue.css ， css_green.css 一个主样式 style.css 把三个样式表都装进去： @import

订阅 css样式表