Leida_徐晓雅 - 个人主页动态 - 牛客网

发布(153) 评论刷题

2020-06-02 22:08

小米_前端工程师

CSS样式表基础（十四）——盒子II

19、外边距属性 Margin 外边距指的是元素边框外的空白区域。 margin 在一个声明中设置所有外边距属性。 margin-bottom 设置元素的下外边距。 margin-left 设置元素的左外边距。 margin-right 设置元素的右外边距。 margin-top 设置元素的上外边距。 例：margin:10px 5px 15px 20px;上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20px 例：margin:10px 5px 15px;上外边距是 10px右外边距和左外边距是 5px下外边距是 15px 例子：ma...

0 点赞评论收藏

分享

2020-06-02 22:04

小米_前端工程师

CSS样式表基础（十三）——盒子I

17、CSS盒子模型 CSS将网页中的每一个元素都看作是一个长方形的盒子。这个盒子包括外边距、边框、内边距和元素内容4项。 例： <html> <head> <meta charset = "utf-8"> <title>CSS</title> <style> #foo { width: 400px; border: 1px solid #000; } #bar { margin: 40px; padding: 50px; border: 20px solid #069; backgro...

0 点赞评论收藏

分享

2020-06-02 21:30

小米_前端工程师

CSS样式表基础（十二）——表格

16、表格 CSS———表格————————属性 border——collapse——————设置是否把表格边框合并为单一的边框。 border——spacing—————— 设置分隔单元格边框的距离。 caption——side ——————— 设置表格标题的位置。 empty——cells ——————— 设置是否显示表格中的空单元格。 table——layout——————— 设置显示单元、行和列的算法。 1) border-collapse 规定是否合并表格边框。 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-c...

0 点赞评论收藏

分享

2020-06-02 21:10

小米_前端工程师

CSS样式表基础（十一）——有序列表

15、有序列表 对有序列表，list-style-type的值为： lower-roman 小写罗马数字：ⅰ,ⅱ,ⅲ,ⅳ,ⅴ,ⅵ,ⅶ,ⅷ,ⅸ,ⅹ…… upper-roman 大写罗马数字：Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶ,Ⅷ,Ⅸ,Ⅹ…… upper-alpha 或 upper-latin 大写英文字母A,B,C,D,E,F,G,H,I,J…… lower-alpha 或 lower-latin 小写英文字母a,b,c,d,e,f,g,h,i,j…… lower-greek 小写希腊字母α,β,γ,δ,ε,ζ,η,θ,ι,κ…… decimal 十进制数1,2,3,4,5,6,7,8,9,10…… ...

0 点赞评论收藏

分享

2020-06-02 20:49

小米_前端工程师

CSS样式表基础（十）——无序列表

15、有序列表对有序列表，list-style-type的值为：lower-roman 小写罗马数字upper-roman 大写罗马数字upper-alpha 或 upper-latin 大写英文字母lower-alpha 或 lower-latin 小写英文字母lower-greek 小写希腊字母decimal 十进制数decimal-leading-zero 十进制数，前面带0，如01、02、99binary 二进制数cjk-ideographic 中文数字一二三四cjk-earthly-branch 子丑寅卯cjk-heavenly-stem 甲乙丙丁asterisks 一系列的*号 例...

0 点赞评论收藏

分享

2020-06-02 20:21

小米_前端工程师

CSS样式表基础（九）

13、CSS 链接 链接的四种状态： a:link —— 普通的、未被访问的链接 a:visited —— 用户已访问的链接 a:hover —— 鼠标指针位于链接的上方 a:active —— 链接被点击的时刻 当为链接的不同状态设置样式时，请按照以下次序规则：a:hover 必须位于 a:link 和 a:visited 之后a:active 必须位于 a:hover 之后 例： <html> <head> <style> a:link { color: #f00; text-decoration: none; } a:hover { color: ...

0 点赞评论收藏

分享

2020-06-02 16:32

已编辑

小米_前端工程师

CSS 样式表基础（八）——其他选择器

10、属性选择器 可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。如：[title] { color:red; }p[title] { font-size: 24pt; }[title*="标题"] { color:green; }例： <html> <head> <title>CSS</title> <style> <--! 带有title属性的执行以下操作--> [title] { color:red; } <--! 带有p title属性的执行操作，...

0 点赞评论收藏

分享

2020-06-02 00:31

小米_前端工程师

CSS样式表基础（七）——css基本选择器

9、CSS 基本选择器 1) 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器，例如body、h1、p、div等……具体yongf如下：body{ background-color: #cff;}h1,h2{ text-align: center;}p { font-size: 16pt; color: red;} 2) 类选择器类选择器以一个点号显示，使用中需要在标签内标记class=“classname”，然后css中选择就是一个“.”+classname。例如：p标签中标记 class = “abc”，故css中选择方法为：.abc { colo...

0 点赞评论收藏

分享

2020-06-02 00:17

小米_前端工程师

CSS样式表基础（六）——CSS3背景

8、CSS3 背景 1) CSS3 多重背景图片CSS3允许设置多个背景图像。如：background-image: url(image/背景1.jpg), url(image/chrome.png); 2) background-size 属性，背景图片的尺寸在 CSS3 之前，背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。background-size 属性的值有以下几种： 宽度和高度的具体值，如：background-size: 800px 600px;若只规定宽度或高度的其中一个具体值，那么另一个未设定的...

0 点赞评论收藏

分享

2020-06-01 23:59

小米_前端工程师

CSS样式表基础（五）——CSS背景

7、CSS 背景 CSS 背景属性 属性 —————————————————— 描述 background ————————————— 简写属性，作用是将背景属性设置在一个声明中。 background-attachment———————— 背景图像是否固定或者随着页面的其余部分滚动。 background-color ———————————设置元素的背景颜色。 background-image —————————— 把图像设置为背景。 background-position —————————设置背景图像的起始位置。 background-repeat —...

0 点赞评论收藏

分享

2020-06-01 15:51

小米_前端工程师

CSS样式表基础（四）

5、CSS3 文本阴影 text-shadow: 阴影向右偏移量，阴影向下偏移量，阴影模糊值，阴影颜色 <html> <head> <title>CSS</title> <style> div { text-align: center; color: #39f; font-size: 64pt; font-family: 隶书; text-shadow: 5px 5px 5px #666 } p { color: red; text-align: center; background: #9cc; ...

0 点赞评论收藏

分享

2020-06-01 14:15

已编辑

小米_前端工程师

CSS样式表基础（三）——CSS文本

4、CSS 文本 CSS 文本属性可定义文本的外观。通过文本属性，您可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。 CSS 文本属性 color——————设置文本颜色 direction ————设置文本方向。 line-height ——— 设置行高（行间距）。 letter-spacing ——设置字符间距。 text-align ————规定文本的水平对齐方式。 text-decoration — 规定添加到文本的装饰效果。 text-indent ——— 规定文本块首行的缩进。 text-shadow —— ...

0 点赞评论收藏

分享

2020-06-01 14:00

小米_前端工程师

CSS样式表基础（二）——CSS字体

3、CSS 字体 CSS字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。 CSS 字体属性： font ————————简写属性。作用是把所有针对字体的属性设置在一个声明中。 font-family —————设置字体系列。 font-size ——————设置字体的尺寸。 font-style ——————设置字体风格。 font-weight —————设置字体的粗细。 1) font-family 属性 定义文本的字体系列。 CSS 定义了 5 种通用字体系列： Serif 字体 Sans-serif 字体 Monospace 字体 Cu...

0 点赞评论收藏

分享

2020-06-01 00:07

小米_前端工程师

CSS样式表基础（一）

1、CSS语法： 选择器 { 属性名: 属性值; 属性名: 属性值; }如：p { color: red; font-size: 24pt; }在这个例子中，p 是选择器，color 和 font-size 是颜色属性和字体大小属性，red 和 24pt 是字体的颜色值和字体的大小值。 2、创建 CSS 插入样式表的方法有三种： 外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link> 标签链接到样式表。<link> 标签在（文档的）头部：外部样式表文件名是以&quo...

0 点赞评论收藏

分享

2020-06-01 23:32

已编辑

小米_前端工程师

HTML语言基础（十三）——表单相关

43、<textarea> 元素 <textarea> 元素定义多行输入字段（文本域），例： 简介：<textarea rows="5" cols="30"></textarea>单击框内任意位置即可输入文本，初始为5行、每行30字节，拖拉右下角可改变框体大小：简介： 44、<select> 元素（下拉列表） <select> 元素定义下拉列表，例： <select name = "province"> <option value = &q...

0 点赞评论收藏

分享

关注他的用户也关注了：

牛客网
牛客企业服务