css样式
文章平均质量分 87
mustang(野马)
I'm 1600834563
展开
-
padding用法
padding用法: 1:padding是添加在父元素(盒子)上的 2:padding 调整子元素在父元素里面的位置关系 3:padding会把盒子撑大。 4:想让盒子保持原有的大小:在宽高的基础上减掉padding值。 5:给单一一个方向添加padding值: padding-top/bottom/left/right: 6: padding设置方法:`在这里插入代码片`...原创 2019-05-04 16:45:18 · 10791 阅读 · 0 评论 -
前端用到的单词(读音+意思)
1.web [web]n. 网;2.hypertext ['haɪpətekst]n. [计] 超文本(含有指向其它文本文件链接的文本)3.markup ['mɑːkʌp]n. 标记4.language ['læŋgwɪdʒ]n. 语言;语言文字;表达能力5.text [tekst]n. [计] 文本;课文;主题;vt. 发短信6.binary ['baɪnərɪ]adj. ...原创 2019-05-22 11:34:06 · 8857 阅读 · 0 评论 -
居中方法
居中方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*第一种居中办法*/ #box{ margin: 60px auto; widt...原创 2019-05-12 22:58:06 · 190 阅读 · 0 评论 -
前端开发中遇到的嵌套问题
**嵌套问题**1.标签最好不要嵌套块级元素,可以嵌套内联元素。但是不能嵌套标签和之类的标签!2.ul和ol的子元素不能是别的元素,只能是li,不能是别的元素,比如,但是li中可以是div,要不然在ie6和7下回把非li解析到li的内部。这个切记没有办法修复!3.p标签不能嵌套块级元素甚至不能嵌套p元素,只能嵌套内联元素,不然对p嵌套的块级元素设置css不起作用。4…button里面不...原创 2019-05-12 21:26:18 · 559 阅读 · 0 评论 -
选择器/选择符
选择器/选择符: 表示要定义样式的对象。为了选中我们想要设置样式的元素; 选择器: 属性选择: 元素[属性]{}只指定属性名 元素[属性=“属性值”]{}指定属性名且指定属性值 元素[属性~=“属性值”]{}指定属性名且指定属性值,属性值是一个词列表,中间以空格隔开的词列表。 元素[属性^=“属性值”]{}指定属性名且指定属性值,以value开头。 元素[属性$=“属性值”]{}指...原创 2019-05-15 21:50:27 · 244 阅读 · 0 评论 -
img在盒中垂直居中的方法,有三个
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>元素的水平垂直居中</title> <style type="text/css"> *{margin:0; padding: ...原创 2019-05-06 22:56:26 · 1696 阅读 · 0 评论 -
css 文本属性总结
css文本属性总结文本大小:{font-size:12px;}文本字体:{font-family:字体1,字体2,字体3;}文本颜色:{color:颜色值;}red/#f00/rgb(255,0,0)文字加粗 :font-weight:bolder(更粗的)/bold(加粗)/normal(常规)/100—900;文本倾斜:font-style:italic/oblique/normal...原创 2019-05-04 17:33:53 · 134 阅读 · 0 评论 -
css盒模型
css盒模型学习目标1、认识盒子模型2、盒子模型的组成部分3、学习盒子模型的相关元素 margin padding一、css盒模型的概念及组成概念:盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间.盒模型的组成:边框、外边界/外边距、补白/填充、内容区。二、盒子模型的相关元素1、padding的使用方...原创 2019-05-04 17:28:26 · 303 阅读 · 0 评论 -
外部样式表link和import之间的区别
两种引入外部样式表link和import之间的区别扩展知识点:link和import导入外部样式的区别:> 差别1:本质的差别:link属于XHTML标签,而@import完全是CSS提供的一种方式。> 差别2:加载顺序的差别:当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候...原创 2019-05-04 17:24:37 · 360 阅读 · 0 评论 -
样式的创建(内部样式表 外部样式表 内联样式表)
**样式的创建(内部样式表 外部样式表 内联样式表)**1、内部样式表写在head里面语法:<style type="text/css">/css语句/注:使用style标记创建样式时,最好将该标记写在<head></head>;2、外部样式怎样导入外部样式表:*方法一:外部样式表的创建:link<link rel="style...原创 2019-05-04 17:22:38 · 2630 阅读 · 0 评论 -
CSS选择符(选择器)
CSS选择符(选择器):表示要定义样式的对象1、元素选择符/类型选择符(element选择器 )如:div{width:100px; height:100px; background:red;}语法:元素名称 { 属性:属性值;}说明:a)元素选择符就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符。例如 body、div、p,img,em,strong,span…等...原创 2019-05-04 17:19:33 · 1497 阅读 · 0 评论 -
border和css的背景属性
1:background-color:red; 2: 网页中图片的展示形式:img标签导入的图片 背景图(背景图不占据空间); background-image: url(); 背景图默认显示状态: a:当背景图小于容器尺寸 : 平铺; b:当背景图等于容器尺寸 : 一张; c:当背景图大于容器尺寸 : 只显示容器区域; ...原创 2019-05-04 16:59:24 · 1215 阅读 · 0 评论 -
margin的用法
盒模型原创 2019-05-04 16:47:30 · 13286 阅读 · 0 评论 -
HTML和css(2+3)知识点汇总
HTML和css汇总 第一天:html基础(语法,定义,标签,空标记,常规标记,HTML5文档结构,标签有哪些默认的属性),w3c标准。 第二天:css基础,CSS语法,概念。css样式表{语法,区别(优先级)},选择器。 选择器: 元素选择器/类型选择器 类选择器/class选择器 ID选择器 伪类选择器 群组 包含/后代 子选择器 通配符 伪元素:...原创 2019-08-02 22:52:12 · 166 阅读 · 0 评论