初级css

1.css:叠层样式表;用于网页外观!

2.css选择器:标签选择器  整个页面所有一样的标签的样式

class标签 用点来表示 是多个标签可以共用一个class样式 一个标签里可以存在多个class样式。

id选择器  用#来表示 不能是多个或是重复的

3.选择器的优先级:标签选择器<class<id

4.css的样式的选择是就近原则选用。常用的是链接式。

5.css注释:/*css*/

6.css样式:

字体样式:字体大小 font-size:12px;

字体样式 font-family:"weiruanyahei";只能设置本地字体。

字体粗细 font-weight:“12”

字体颜色 color:"#FF0000"

字体下划线 text-decoration:underline;

字体置顶线 text-decoration:overline;

字体删除线 text-decoration:line-throwgh;

字母大小写:全部大写  text-transform:”uppercase“

全部小写 text-transform:“lowercase”;

首字母大写  text-cransform:“capitalize”;

字母间距  letter-spacing:“10px”

文本对齐方式:text-align:center  水平居中

垂直居中 line-height:“整体高度”;

时间: 2024-10-02 21:35:51

初级css的相关文章

前端开发:CSS 初级和高级指南

CSS 初级和高级指南: 没有就不能活的 53 个 CSS 技术 对新手实用的 20 个 CSS 建议 快速编写更好 CSS 代码的 5 种方法 50+ 个 CSS 创意案例和教程 101 个 CSS 小贴士.教程和范例 CSS 代码片段:15 个邪恶的技巧 15 个必学的 CSS 技巧 8 个 CSS 链接 链接小贴士 8 个超简洁 CSS 小贴士 为更好的 CSS 代码:70 个专家级点子 30+ CSS 速查表和快速指南 CSS 大师的 10 个原则 10 个优秀的 CSS 教程和技巧 5

前端学习——css(初级)

1.Css盒模型(box model) web开发中,html的每个元素都是盒子,盒子可以装内容(content).可以有填充物(padding).有外壳(border) 和 外保护层(margin) .下图为控制台中的盒子详解:浏览器的控制台是我们了解一个元素最好的一个工具,下图可以清晰的看出一个盒子所拥有的属性. 元素的实际宽高 上图可清晰的看出 元素实际的宽=border-left+padding-left+元素内容宽+padding-right+border-right 元素实际的高=b

css初级代码

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>项目实战--PC端固定布局</title> <link rel="stylesheet" type="text/css" href="style.css"> </head&g

框架与css初级

今天课程总结一下就是框架结构与css样式表,两个部分一个易一个难.要想掌握起来其实也都得勤加练习. 框架结构通过删除body运用frameset给网页分成不同的像素.css呢全名层叠样式表,作用是美化html网页在css样式表下边有很多选择器:用标签名做选择器则为标签选择器,class选择器则都是以.开头,id选择器以#开头等等还有种类繁多的选择器.如果要全面掌握绝对不是一时半会. 今天的课程有点懵,明天上课多加练习争取掌握.

SEO初级优化--HTML、CSS、JS

HTML: 1.标签的有开有合. 2.避免冗余代码,例如去除空格字符. 3.合理利用标签语义化. 4.合理的嵌套规则,避免行元素内嵌套块元素. 5.img标签内需要添加title属性和alt属性. 6.a标签内需要添加title属性. 7.Meta标签的优化(过去搜索引擎优化的重要手法,现在已经不是关键因素,但仍不可忽略)主要包括: Meta description.Meta keywords的设置 关键字密度要适度,通常为2%-8%,也就是说你的关键字必须 在 页面中出现若干次,或者在搜索引擎

css 初级总结

css是一种计算机语言.用来在HTML中控制显示的效果. css有五种使用的方式: 1 默认 比如一些标签(元素)自带的 css效果 <h1></h1> <div></div> 2行内样式 直接在标签里面来设置css. 3内嵌样式 在<style></style>来设置 . [email protected] url(".css文件") 导入样式 5链接样式 <link type="text/css

休息,归类一下CSS初级的东西

css基础的东西集中体现在了"磊盒子"这一个枯燥无味的东西上面,灵活的运用盒子的内外边距,浮动,定位以及一些基础的属性,将一个静态的页面变得磊出来,这是CSS基础的练习. 在css基础练习里面有几点需要注意的小点: 1.margin的塌陷问题,这个问题分文两点,一种是上下同级的盒子的上外边距和下外边距的塌陷问题,这个情况劲量避免就好,不值一提:第二个问题就需要有良好的意识去注意子盒子的外边距是否会引起父盒子的外边距的塌陷,需要不需要运用边框1px 外加transparent使边框透明化

Web开发(初级)- CSS基础

CSS概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 存在方式有三种:元素内联.页面嵌入和外部引入: 语法:style='key1:value1;key2:value2;' 在标签中使用 style='xx:xxx;' 在页面中嵌入 <style type="text/css"> </style> 块 引入外部css文件<link rel="stylesheet" type=&

CSS 初级攻略

内容来自html dog. css的格式为 ‘property: value’ 给html插入css样式的方式有三种:内联.内部css.外部css文件,如下所示: <p style="color: red">text</p> <!DOCTYPE html> <html> <head> <title>CSS Example</title> <style> p { color: red; } a