CSS 使用小结】的更多相关文章

HTML标签和CSS基本小结一:常用标签 01:块标签 p,h1--h6 ,hr ,div 02:内联标签 b,i,u,s 小提示:块标签可以嵌套内置元素或者某些块级元素,但内联元素不能包含块级元素 ,只能包含其他内联元素 但是div可以包含div 二:input标签 前提:id和name的区别:id是唯一不可重复的,name不是,name主要是客户端发送给服务端的内容的表示,服务端根据这个表示取值 <input type="tex"/> 单行输入文本 <input…
项目中经常有遇到需求半透明的情况,如图片.文字.容器.背景等等,每次都要去翻以前的项目,不甚其烦.现在一次性做个小结,方便自己查阅,也同时分享给大家: 一. 元素容器透明 .div{ opacity: 0.5; /* Firefox.Chorme.Opera等主流浏览器识别 */ filter:alpha(opacity=50); /* IE6及以上IE浏览器识别 */ } 说明: 1. opacity:* 取值0-1之间,由全透明向不透明递增,超过1之后默认不透明: 2. filter:alp…
简单地总结了一下前端用过的html.javascript.css技术,算是清点一下,做个大略的小结,为进一步的学习给个纲领. 一.HTML 由于HTML5的兴起,简单地判断一个网页是否是html5网页,只需要找找内部是否有html5的标志性标签就行了.然而平时虽然写了不少html,却没怎么关注它的发展史: GML(Generalized Marcup Language)通用标记语言 和SGML(Standard Generalized Markup Language)标准通用标记语言. 由Tim…
回顾:html: 作用:展示 文件标签: <html> <head> <title></title> </head> <body></body> </html> 排版标签: p 段落 hr 水平线 br 换行 字体 h1~h6 标题 font 字体 大小 颜色 b strong 加粗 i 斜体 图片★ <img src="图片的路径" alt="替代文字" widt…
在CSS3中是提倡使用选择器来将样式与元素直接绑定在一起的. 网页开发过程中,我们需要定义很多class来应用到不同的元素上,由于class本身是没有语义而且是可以复用的,所以过度使用class会使得整个样式表结构非常混乱.为了减少class的使用频度,需要尽可能的使用选择器来指定元素.而且使用选择器还可以定义很多规则,这样也可以减少重复定义class的代码量. 在CSS3中,主要有以下几种选择器:属性选择器.结构性选择器.UI状态选择器.通用兄弟元素选择器.下面分别介绍一下: (一)属性选择器…
css 选择器优先级,标签>id>class 权重 id>class>标签 只记录能想到的以免遗忘: 1.字体css可继承 2.表格:表格细线的合并,表格单元格合并,单元格内容水平居中,首行和首列的标签,这些应该够了 3.边框.背景属性 border:dotted/solid 5px #f00; 可拆分成三个来写 border-style:solid; border-width:5px; bogrder-color:#00f; css由上至下执行 背景属性: 背景图片div bac…
一.CSS文件及样式命名 1.CSS文件命名规范 全局样式:global.css:框架布局:layout.css:字体样式:font.css:链接样式:link.css:打印样式:print.css: 2.CSS样式命名规范本人建议:用字母._号工.-号.数字组成,必须以字母开头,不能为纯数字.为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间,例如: 头部样式用header,头部左边,可以用header_left或h…
css边框 CSS对界面的分割如上图,他们的含义如下: contend:包含HTML元素中包含的文本,图像或其他媒体.      padding:内容和边框之间的空格. 你可以想像这样的内在空间.      border:HTML页面元素的大纲. 你可以想像它像一个包含元素的相框.      margin:HTML页面元素和下一个最近元素之间的空格. border的属性 thickness:边框厚度. type:设置边框类型. 常见的选项是实线(solid),点(dotted)和虚线(dashe…
前言 大部分人在使用selenium定位元素时,用的是xpath定位,因为xpath基本能解决定位的需求.css定位往往被忽略掉了,其实css定位也有它的价值,css定位更快,语法更简洁.这一篇css的定位方法,主要是对比上一篇的xpath来的,基本上xpath能完成的,css也可以做到.两篇对比学习,更容易理解. CSS 选择器: 常见符号: #表示 id选择器.表示 class选择器>表示子元素,层级一个空格也表示子元素,但是是所有的后代子元素,相当于 xpath 中的相对路径 一.css:…
从css入门就开始接触,无所不在的,一直备受争议的居中问题. css居中分为水平居中和垂直居中,水平居中方式也较为常见和统一,垂直居中的方法就千奇百怪了. 博客原文地址:Claiyre的个人博客 https://claiyre.github.io/ 如需转载,请在文章开头注明原文地址 本文一下代码中 .outer是父元素的类名,.inner块级代表子元素,span代表行内子元素 水平居中 1. 行内元素的水平居中 直接设置其父元素 .ourter{ text-align: center; } 不…